做博客最重要的是用心啦
最终成果当然是本站了。安装,美化,SEO推广,部署通通奉上。
- 持续集成自动部署已提上日程:已完成。
- 查看持续集成:《用TravisCI持续集成自动部署Hexo博客的个人实践》
Hexo + Next主题 搭建博客 “真”零基础安装配置
最终成果: 本站
node.js
官网下载: 下一步下一步安装法
node-v8.9.3-x64
C:\softEnvir\nodejs
验证安装:
设置npm下载目录
1 | npm config set prefix D:\softEnvDown\nodejs\node_global |
npm模块安装的默认全局路径已经改到了相应的文件夹中,但是 这时候用户还是无法require这些模块。因为电脑系统现在还不知道你把默认路径给改了,所以需要在
win+R
–>“sysdm.cpl
–>高级
–>环境变量
打开设置对话框。
- 首先在
系统变量
中新建,新建一个名为NODE_PATH
的变量,变量值: 全局模块的文件夹中的node_modules文件夹的绝对路径.
即:D:\softEnvDown\nodejs\node_global\node_modules
配置文件目录:C:\Users\mtian\.npmrc
安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
Git安装
Git-2.15.1.2-64-bit(同样官网下载: 下一步下一步安装法)
C:\softEnvir\Git
hexo-cli: 1.0.4安装
cmd控制台下:
`npm install -g hexo-cli`
初始化hexo博客目录
D:/mtianBlog:
hexo init hexoBlog
下载next主题及主题美化
官方文档地址: http://theme-next.iissnan.com/
下载主题next:v5.1.4。名字改为next
然后放入D:\mtianBlog\hexoBlog\themes
1 | hexo clean |
主题美化。
推荐阅读:https://www.jianshu.com/p/f054333ac9e6
部分节选:
- 圆形头像旋转。
打开\themes\next\source\css\_common\components\sidebar\sidebar-author.styl
,在里面添加如下代码:
1 | .site-author-image { |
- 配置百度统计站长版。(官方文档有写)
baidu_analytics: *
- 配置leancloud (官方文档有写)
leancloud_visitors:
enable: true
app_id: *
app_key: #
- 配置搜索(更推荐localSearch)
1 | algolia: |
您好!当我集成Algolia时候一直出错——上传不了记录,请问知道如何解决嘛?
答案地址:https://github.com/iissnan/theme-next-docs/issues/162
使用gulp进行博文压缩(持续集成自动部署前提)
在站点的根目录下执行以下命令:
1 | $ npm install gulp -g |
新建文件gulpfile.js
:
内容为:
1 | var gulp = require('gulp'); |
部署hexo:
npm install hexo-deployer-git --save
修改站点配置文件:
1 | deploy: |
需要使用的命令
1 | git config --global user.email "1147727180@qq.com" |
将博客源码备份到github或码云(持续集成自动部署前提)
1 | git init |
想要弄到码云替换第三行为下面:
1 | git remote add origin https://gitee.com/mtianyan/hexoBlog-mayun.git |
SEO优化指南
URL唯一化:
1 | npm install hexo-abbrlink --save |
站点配置文件里添加:
1 | permalink: post/:abbrlink.html |
安装sitemap站点地图生成插件
1 | npm install hexo-generator-sitemap --save |
在站点配置文件或主题配置文件加入。
1 | sitemap: |
注意缩进
在hexo-site\source
中新建文件robots.txt
,内容如下,请自行替换
1 | User-agent: * |
Allow
后面的就是你的menu
可以在主题配置文件中找到。
前往链接:https://www.google.com/webmasters/
添加你的网站。
下载验证文件放入hexo-site\source
中
Tips: 站点配置文件忽略Google的验证文件。这样clean
的时候就不会被删除了。
1 | skip_render: |
打开站点地图:添加站点地图。
可以进入站点地图详情查看有没有报错。
robots.txt测试
确保0错误,0警告。
百度搜索资源平台
点击用户中心。站点管理 进行 添加网站操作。
下载验证文件放入hexo-site\source
中
验证完成之后点击域名进入控制台。
对于Robots文件进行验证。
点击链接提交,往下多翻点
选择sitemap:填入自己网站的sitemap地址。点击提交
查看状态。
页面关键字优化
title
文件路径是your-hexo-site\themes\next\layout\index.swig
将文件中
1 | {% block title %}{{ config.title }}{% if theme.index_with_subtitle and config.subtitle %} - {{config.subtitle }} |
改为
1 | {% block title %}{{ config.title }}{% if theme.index_with_subtitle and config.subtitle %} - {{config.subtitle }}{% endif %}{{ theme.description }} {% endblock %} |