很早以前就想写这样一篇了,因为各种原因耽搁到现在(逃)…网上关于Hexo的教程其实已经有挺多了,但是很多都是一笔带过。这篇博客除了Hexo博客的搭建过程,还有一些我加进去的个人定制模块,以及博客如何被搜索引擎(百度、谷歌)收录、如何进行SEO优化等等,以及在这过程中遇到的数不胜数的坑。虽然时隔一个月,有些搭建过程遇到的问题记不太清了orz…但是有什么问题还是可以问我的,我尽量解答=3=最后!!!【超长文预警】!!!建议可以先看目录选择感兴趣的部分orz
也可以先看看我用Hexo搭的博客【虽然可能也不是特别好看…】
2017-11-23更新说明:
用Python写了个一键推送文章至百度的工具,加速百度收录,有兴趣的可以看看呀,http://blog.csdn.net/LemonXQ/article/details/78615849
2017-11-20更新说明:
1. 因为多说评论已经关闭服务,故改用韩国的Livere评论,具体参见http://blog.csdn.net/lemonxq/article/details/78578617
2. 关于博客背景的设置问题(静态+动态),参见http://blog.csdn.net/lemonxq/article/details/78578650
3. 本篇文章已经介绍了双线部署(GitHub Pages + Coding Pages)博客的方法,可基于此实现全站Https,具体参见http://blog.csdn.net/lemonxq/article/details/78578649
【注:本文中使用的 Hexo 版本为3.22,部分配置与2.x可能有所出入】
1.安装 & 搭建
- 安装Git:安装后,注册 Github 账号,配置 SSH(具体见下一步),打开 Git Bash,接下来的命令均在Git Bash中执行
- 安装Node.js
- 安装 Hexo :
- 安装依赖包:
- 新建博客文件夹:cd到该文件夹,执行
- 新建Github仓库:仓库名必须为,要不然就不能使用Github Pages服务了。。。
2.配置 SSH
关于什么是 SSH,请自行百度(我懒…)这里直接讲一下配置步骤。
- 本地生成公钥私钥
- 添加公钥到 Github
- 根据上一步的提示,找到公钥文件(默认为id_rsa.pub),用记事本打开,全选并复制。
- 登录 Github,右上角 头像 -> Settings —> SSH keys —> Add SSH key。把公钥粘贴到key中,填好title并点击 Add key。
- git bash中输入命令,选yes,等待片刻可看到成功提示。
3. NexT主题下载
NexT 主题是由 iissnan 大神所制作的一款简洁美观不失逼格的主题。下载方法有以下两种:
- 进入, 执行
- 直接进入上面的链接,在项目主页download zip文件,然后解压到 文件夹
4. 发布
使用以下两条命令进行发布,发布成功后可在浏览器中使用进入你的博客~
1.生成静态页面:
2.本地预览:
3. 新建文章
4. 新建页面
5. 部署并生成
6. 清除生成的文件和缓存
1.整站配置
直接贴一下我的配置文件吧【路径:博客根目录/_config.yml】
【友情提示: 不要用系统自带记事本打开,容易出现编码不一致问题,最好用 Notepad++ 或 Sublime Text 之类的】
2.Next主题配置
一样贴一下我的主题config文件吧,注意和上面的全局config文件区分。
【路径:博客根目录/themes/next/_config.yml】
更改代码块颜色及字体大小
- 打开文件
- 修改和的值:
实现底栏半透明
- 打开
文件 - 在最开始的.footer中修改color值为#999
添加背景图片
- 将背景图片命名为background.jpg并放入文件夹中
- 打开文件
- 加入如下代码:
购买域名
一个高逼格的博客怎么能够少了域名呢=。=域名提供商有很多,像godaddy、万网等。如果是学生党的话推荐使用腾讯云“1元云主机+域名”计划。
绑定域名
百度收录
让百度收录我的博客真的是经历了很长的一段过程。。。关于提交sitemap、设置推送链接可以看一下这篇文章。事实上按照该博客的做法后,我等了一个星期都没有收录成功(明明谷歌的都收录了orz)。后来,我发现了原因。那就是github禁止了百度爬虫,而我的站点又是托管在github上的,所以百度爬取不到我的网页,自然收录不了,以下是解决方案。
- 将博客同时部署在github和coding上,coding的服务器在国内,访问速度快,而且最重要的是不禁百度爬虫
- 打开根目录下_config.yml文件,修改最下面的deploy部分如下
- 重新部署博客,等待一两天后应该就可以在百度里搜索到你的博客啦(虽然目前为止,百度好像也就收录了我的站点首页= =)
- 小tips:百度主动推送比自动推送等要快的多,因此每写完一篇博客后,建议自己主动推送给百度,方法百度站长平台里有写
- 小tips之二:在百度站长平台索引量工具定制索引规则为: 可以加快百度爬虫爬取你的博客网站下的子网页并建立索引的速度。
谷歌收录
让谷歌收录就容易多了,只要提交站点地图然后验证域名所有权就行了,具体的上面那篇文章也很详细地介绍了,这里不再赘述。
更改首页标题格式
打开 hemes extlayoutindex.swig文件,找到这行代码:
把它改成:
外链生成
这里推荐使用外链工具为你的站点批量生成外链。百度一下“超级外链SEO工具”,输入站点名,然后就让它自动为你生成外链吧~~新站的话建议每天刷两次。
插入图片
- 插入本地图片:在**hexosource**目录下新建文件夹,命名随意(以images为例),然后在文章中需要插入图片的地方输入:
- 插入外部链接图片:直接输入
- 使用七牛云存储:如果博客中使用的图片数量过多,尽量不要用第1种方式,一来git空间有限,二来博客迁移的时候比较麻烦。这里推荐使用图床来存储博客中图片。下面以七牛为例大致说明一下步骤:
-
进入七牛官网注册账号
-
PS: 如果想要生成的外链域名为独立域名而不是七牛默认域名,需要支付10元
插入音乐(以网易云为例)
-
打开网易云音乐官网,进入想插入的音乐的界面
插入视频
直接贴代码:
-
Hexo3.1.1静态博客搭建指南
-
NexT使用文档
-
Hexo官方文档(中文版)