基于Hexo搭建个人博客——进阶篇(从入门到入土)

  • 时间:
  • 浏览:0
  • 来源:大发5分3D_大发5分3D官方

至此,git库上备份已完成。

配置成功后,会生成sitemap.xmlbaidusitemap.xml,前者适合提交给谷歌搜素引擎,后者适合提交百度搜索引擎

百度sitemap提交如下↓

打开/next/_config.yml,加在以下代码:

记录的记录值不多不多 ip地址,Github提供了有有一一三个小多IP地址,

措施二:关掉字体库的引用,默认加载本地字体库,到主题配置文件设置:

(下图的Github地址)记录,就要在

第六个,是图一当中 “由Hexo驱动” 的Hexo链接,先给删掉除理跳转,将会想跳转当然也前要当时人写地址,至于中文一会除理。注意删除的以前 格式必须错,只把<a>...</a>标签这累积删除即可,留着有有一一三个小多单引号'',已经 会出错哦。

再打开themes/next/layout/_scripts/third-party/comments/disqus.swig,前要替换原来的 Disqus 的加载的内容,将会希望显示评论数量,就保留 run_disqus_script('count.js') 你你这种行,原来页面载入时都会加载 disqus 的资源:

就像原来↓

博主的是原来的↓

修改\themes\next\source\css\ _variables\base.styl文件,加入自定义颜色:

修改以前 的样子最少是原来的:

hexo默认的文章链接形式为domain/year/month/day/postname,默认不多不多 有有一一三个小多四级url,已经 将会造成url过长,对搜索引擎是十分不友好的,大伙前要改成domain/postname的形式。编辑站点配置文件文件,修改其中的permalink字段为permalink: :title.html即可。

这也是调用了Font Awesome的措施。

通过以上安装后,让人在你的模板文件后者.md文件加入以下相关的标签实现本插件的功能

字数统计:WordCount

阅读时长预计:Min2Read

总字数统计: TotalCount

第一次将会前要填写当时人信息,填完了,点击上方的域名解析->解析设置->加在解析,记录类型选

打开\themes\next\layout\index.swig文件,找到这行代码:

server是仓库的在线目录地址,前要从git上直接克隆好友过来,origin是本地分支,remote add会将本地仓库映射到托管服务器的仓库上。

,以前 修改

新建

中url的值, 前要暗含是百度站长平台注册的域名(一般有www), 比如:

在文章末尾加在:

然後在站点找到package.json, 把裏面的hexo-algolia, 換成 "hexo-algolia": "^0.2.0"

确保提交成功:

2、接下来,除理剩余的中文信息。找到你你这种地方\themes\next\languages\ 下面的语言文件zh-Hans.yml(这里以中文为例,有的习惯用英文的配置文件,道理一样,找对应位置即可)

打开以前 ,如图:

至此,大功告成,运行hexo clean 和 hexo g hexo s以前 就前要想看 效果了

原文链接: http://yangbingdong.com/2017/build-blog-hexo-advanced/

请看除理Hexo命令fs.SyncWriteStream什么的什么的问题

想看 了吧,你你这种不多不多 传值传过去的,你想显示什么就在这上方大肆的去改动吧。其人太好第六个框中,就前要把值都改掉,不多接受传值的措施,完正当时人前要重写。不过我不建议那样做,将会传值原来只不多不多 后续页面前要这几个值这麼就都会通过取值去传过去,不多不多 在刚才footer文件中直接写死,后续不一定哪个页面前要传值,已经 值为空了将会还是原来的,可就尴尬了。不多不多还是原来改动吧。

,随便填有有一一三个小多就行,解析记录设置有有一一三个小多www和不填,线路就默认就行了,

参考

http://codepub.cn/2015/04/06/Github-Pages-personal-blog-from-Octopress-to-Hexo/http://codepub.cn/2016/03/20/Hexo-blog-theme-switching-from-Jacman-to-NexT-Mist/http://www.shellsec.com/news/34054.html

采用的是Font Awesome的图标。

themes/next/source/css/_common/components/post/post-title.styl修改为:

找到themes/next/layout/_macro/post.swig,在footer以前 加在如下代码(加在以前 确保已加在样式):

reset对所拉取的文件不做任何除理,此处不多pull是将会本地尚有一些文件,使用pull会有一些版本冲突,除理起来也麻烦,而本地的文件都会初始化生成的文件,较拉取的库上方的文件而言基本无用,不多不多直接丢弃。

访问系统一直会耗费一大累积的时间在加载google字体库上,已经 一直加载不成功。

update:将会多说即将关闭,此博客将使用Disqus作为评论系统

第有有一一三个小多框也是最后有有一一三个小多了,你你这种不多不多 更改图一后半累积“主题-Next.XX”,你你这种比较爽直接将<a>..</a>都删掉,同样中文“主题”一会除理,删掉以前 在上一行 ‘-’上方前要随意加在你想显示的东西,无须显示敏感信息哟,请自重。

安装hexo的sitemap网站地图生成插件:

/themes/hexo-theme-next/languages/zh-Hans.yml的目录下(这里默认你使用的是简体中文,若是一些语言更改相应的yml就行),在memu下加一句即可:

安装插件:

修改themes\next\source\css\_common\components\sidebar\sidebar-author.styl

站点配置文件中加在如下代码。

站点配置文件:

在根目录下,把以下内容配置到站点配置文件中:

/source/目录下新建有有一一三个小多robots.txt文件,加在下面的一段代码:

大伙在/themes/hexo-theme-next/layout/_macro/目录下新建post-article.swig,把什么post.swig中的内容克隆好友过去,已经 加在上方的统计代码,已经 在/themes/hexo-theme-next/layout/post.swig上方% import '_macro/post.swig' as post_template %中的post.swig改成post-article.swig,原来子就除理啦。不多不多 在主页上的博客名字下面不多有阅读人数,进入博客也能看见

eg :

同样在themes/next/layout/_macro/post.swig中,在wechat-subscriber.swig以前 加在如下代码:

对于升级主题,大伙前要重新配置主题配置文件,这麼每次升级都会这麼干吗?超麻烦!

背景的几何线条是采用的nest效果,有有一一三个小多基于html5 canvas绘制的网页背景效果,非常赞!来自github的开源项目canvas-nest

措施二:CNAME验证

以下是几个搜索引擎的提交入口:

将会Github的服务器在海外,这麼将会把图片也放上Github显然是不科学的,已经 Github的存储空间都会局限,这麼在这里博主推荐使用七牛云储存

具体缘何做在以前 的基础篇将会介绍过了,详情请看→传送门

去往网易云音乐搜索喜欢的音乐,点击生成外链播放器,克隆好友代码直接放上博文末尾即可,height设为0可隐藏播放器,但仍然前要播放音乐,auto设成0可手动播放,默认是1自动播放,可把代码放上themes/next/layout/_custom/sidebar.swig文件里,播放器会显示在站点预览中

/themes/hexo-theme-next/layout/_macro/post.swig上方的下面的位置加在如下代码:

获取的源码即为最新文件

2.上传blog到git:此项建议先在blog进度最新的PC上进行,已经 会有版本冲突,除理也比较麻烦。在PC上建立git ssh密钥连接和建立新库respo在此略过:

其次,记得查看

找到themes\next\layout\_macro\post.swig并打开插入以下代码:

先在themes/next/source/css/_custom/custom.styl中加在以下样式:

打开themes/next/source/css/_custom/custom.styl文件加在:

加在本地文件到仓库并同步到git上:

多说评论关闭

前面的 function run_disqus_script(disqus_script){}你你这种段,不打算显示评论数量一句话,前要一同删掉,不显示评论数量一句话,这麼点击加载按钮以前 ,网页是不多加载来自 Disqus 的资源的。

博客托管在Github和Coding,不多不多当时人博客地址是Github或Coding的二级域名,不容易让人记住,也这麼让百度收录,不多不多不多不多人都当时人注册域名,和博客地址绑定,原来假使 输入当时人申请的域名,就能跳转到博客首页,也不是真正拥有了当时人网站了

用谷歌将会火狐浏览器打开博客页面,按下F12进入调试

先点击定位按钮,已经 挑选元素,已经 在定位出来的样式进行修改,调到当时人喜欢的样子,就像原来↓

public内的文件前要根据source文件夹内容自动生成的,不前要备份。一些日志、压缩、数据库等文件也都会调试等使用,不多不多 前要备份。

用法如下

将会挑选

至于上方提到的your_token可在百度站长如下位置找到↓

初始化仓库:

记录值填你的

此时前要使用git status查看本地文件的情况。已经 对更改加在说明更推送到git托管库上:

打开themes\next\source\css\_common\components\post\post.styl加在以下代码:

多会儿没更新了,将会懒- -

前面介绍了Hexo的一些基本搭建→基于Hexo+github+coding搭建当时人博客——基础篇(从菜鸟到放弃)

对于追求装X的博主来说,基本的搭建是满足不了的,接下来下发了一下各方面的细节优化,包括页面字体大小、配色、背景、SEO(搜索引擎优化)、域名绑定、DNS域名解析实现负载均衡等。

关于NexT主题的不多不多配置、插件前要在官方文档找到答案,这麼博主不多不多 下发了一些官方没缘何提及的细节优化。

验证成功以前 就前要以前 刚开始英文推送了,这里说一下,Google的收录真的快的无须无须的,第4天 就能搜得到,百度就我已经 说了,我不出乎 要等到猴年马月

<i class="fa fa-github"></i><i class="fa fa-github"></i>

<i class="fa fa-github fa-lg"></i><i class="fa fa-github fa-lg"></i>

<i class="fa fa-github fa-2x"></i><i class="fa fa-github fa-2x"></i>

替换为下面的内容:

人太好也没必要压缩代码,牺牲了性能,每次生成静态文件都太慢了,得不偿失的感觉

以前 执行hexo g就会自动压缩

但这有有有一一三个小多缺点,不多不多 本地运行要是多不多 执行hexo s以前 浏览器打开本地项目会好快,原因分析是每次点击有有一一三个小多链接它就会重新压缩一次,不多不多建议本地调试的以前 把项目根目录下的package.json中的"hexo-all-minifier": "0.0.14"先删掉再调试,将会改成注释:

打开next/layout/_layout.swig,在</body>以前 加在如下代码:

eg:this is a basic footnote[^1]

执行hexo new page "guestbook"以前 ,那缘何在博客中加在呢?

找到\next\_config.yml下的memu,把guestbook加在:

但并都会所有的样式都能调,像页宽,多说评论的样式在custom.styl文件是无效的。

这麼怎么把字体、页宽、按钮大小等等一些细节的东西调到当时人喜欢的样式呢?

那不多不多 通过浏览器元素定位,调到当时人喜欢的样式,已经 加到themes/next/source/css/_custom/custom.styl文件下面。

打开themes/next/source/css/_custom/custom.styl,把调试好的样式加在,保存后Ctrl+F5就能想看 效果了,前提是在本地运行的,下面列出博主的一些自定义样式:

安装插件:

去网址https://github.com/blog/273-github-ribbons挑选当时人喜欢的样式,并克隆好友代码,加在到themes\next\layout\_layout.swigbody标签之内即可

记得把上方的url加在当时人的!

1.准备工作:公司电脑和我家电脑配置git ssh密钥连接

用法如下:

<p id="div-border-left-red">将会这麼安装成功,那将会不多不多 墙的原因分析。建议下载 Node.js 直接安装。</p>

<p id="div-border-top-blue">关于更多基本操作和基础知识,请查阅 Hexo 与 NexT 官方文档.</p>

接下来加在有有一一三个小多新的deploy的类型:

1、找到 \themes\next\layout\partials\下面的footer.swig文件,打开会发现,如下图的一句话:

<span id="inline-blue">站点配置文件</span> ,<span id="inline-purple">主题配置文件</span>

使用非常简单

NexT作者给大伙的建议不多不多 使用Data Files,具体详情请戳进 Theme configurations using Hexo data files #328

文件,上方填写注册的域名

已经 到百度站长更新一下,就像原来↓

<a id="download" href="https://git-scm.com/download/win"><i class="fa fa-download"></i><span> Download Now</span>

</a>

打开themes/next/source/css/_variables/base.styl,找到以下字段并修改为最少的宽度:

图标网站:http://fontawesome.io/icons/

执行hexo deploy的以前 ,新的连接就会被推送了。这里讲一下原理:

安装主动推送插件:

博主挑选万网购买的域名,前要淘宝账号登陆,以前 支付宝付款

至于缘何实名认证博主就略过了~

搜索当时人想好的域名,没被注册一句话,点击购买,top顶级域名第一年假使 四元,选一些更高逼格的也前要,看当时人喜好

购买玩以前 进入工作台,点击域名,已经 解析

3.将git的内容同步到另一台电脑:假设以前 将公司电脑中的blog源码内容备份到了git上,现在我家电脑准备同步源码内容。注意,在同步前也要以前 建好hexo的环境,不然同步后本地服务器运行都会出現无法运行错误。在建好的环境的主目录运行以下命令:

修改$code-background$code-foreground的值:

一般解析配置好无须能马上访问,得看人品= =,博主的是第4天 才访问到的,祝你好运

一路摸爬滚打下来也挺折腾的,不过人太好满满的成就感,学到了不多不多

一同前要感谢不多不多不多不多的大神们的文章,有一些都忘了收藏记录下来,由衷地感谢

把它改成:

站点配置文件:

以百度为例,谷歌的太简单就不说了:

打开百度站长验证网站

措施一:文件验证

至此,我家电脑更新的备份完成。在公司电脑上使用时,只需先运行:

把next主题配置文件中的baidu_push设置为true,就前要了。

措施一:用国内的CDN库来替代主题中的google字体库,到主题配置文件中设置默认字体库:

第有有一一三个小多框 是下面侧栏的“日期 XXX”

将会想像我一样加东西,一定要在双大括号外面写。如:xxx{{config.author}},当然让人是想改彻底前要变量都删掉,看当时人意愿。

不足: CPU占用不足

的博客网址。

,把站点地址更新成新的绑定的域名即可

已经 这有有有一一三个小多不足。不多不多 大伙会发现在主页时显示的热度和进入博客后的热度不一样,那是将会在主页时他显示的是主页你你这种页面的阅读量,而都会博客的阅读量,不多不多大伙前要改变一些:

4当当我们家电脑生成完文章并部署到服务器上后,此时前要将新的blog源码文件更新到git托管库上,不然公司电脑上无法获取最新的文章。在本地文件中运行以下命令:

将会多说即将关闭,本站启用Disqus。

既然Disqus已被墙,这麼为了对这麼梯子的同学标示友好,大伙前要挑选点击加载Disqus评论的措施,你你这种什么的什么的问题 貌似也得到了主题作者的关注-> (NexT5.2.0)[https://github.com/iissnan/hexo-theme-next/milestone/7]

具体做法如下:

打开themes/next/layout/_partials/comments.swig,在文件内容 <div id="disqus_thread">前面加入下面内容: