如何搭建hexo博客

2017-08-10

经过各种找资料，踩过各种坑，终于使用 hexo 搭建个人博客初步完成了，域名目前用的是 github 的，还有许多没研究明白，后续会持续更新，暂时将怎么生成一个免费博客的方法记录下来

参考资料 https://www.jianshu.com/p/189fd945f38f
参考资料 https://www.cnblogs.com/visugar/p/6821777.html

第一步：安装node

作用：用来生成静态页面的到Node.js官网下载相应平台的最新版本，一路安装即可。查看版本：node -v

第二步：安装Git

作用：把本地的hexo内容提交到github上去. Git安装好后，打开gitbash，查看版本：git version

第三步：开始安装Hexo

Node和Git都安装好后，可执行如下命令安装hexo：我们通过npm分别安装hexo客户端和服务端

先创建一个文件夹（用来存放所有blog的东西），然后cd到该文件夹下。
安装hexo命令：npm i -g hexo
安装完成后，查看版本 hexo -v
初始化命令：hexo init 会出现一下文件

node_modules：是依赖包
public：存放的是生成的页面
scaffolds：命令生成文章等的模板
source：用命令创建的各种文章
themes：主题
_config.yml：整个博客的配置
db.json：source解析所得到的
package.json：项目所需模块项目的配置信息

做好这些前置工作之后接下来的就是各种配配配置了

第四步：搭桥到Github

作用：是用来做博客的远程创库、域名、服务器之类的 Github 具体创建网上有教学

（1）建立Repository

创建一个repo，名称为yourname.github.io, 其中yourname是你的github名称，按照这个规则创建才有用
回到gitbash中，配置github账户信息（YourName和YourEail都替换成你自己的）：
1
2
$ git config --global user.name "YourName"
$ git config --global user.email "YourEmail"

创建SSH 在gitbash中输入：

1	ssh-keygen -t rsa -C "youremail@example.com

将上面获取的ssh(id_rsa.pub)放到github中 Settings -> SSH and GPG keys
在gitbash中验证是否添加成功：ssh -T git@github.com

第五步：一步之遥

现在我们需要对 _config.yml 文件建立关联翻到最下面，改成

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master
  //有时候会报错的时候将repository改成SSH格式
deploy:
  type: git
  repository: https://github.com/leopardpan/leopardpan.github.io.git
  branch: master

注：hexo 3.0把服务器独立成个别模块，需要单独安装：npm i hexo-server
然后运行hexo s 命令打开浏览器输入：http://localhost:4000

第六步：上传到github

执行如下命令才能使用git部署到github服务器上
1
npm install hexo-deployer-git --save
执行命令(建议每次都按照如下步骤部署)：
1
2
3
hexo clean
hexo generate
hexo deploy
在浏览器中输入 http://yourgithubname.github.io 就可以看到你的个人博客啦

一些常用命令：

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #将.deploy目录部署到GitHub
hexo help  #查看帮助
hexo version  #查看Hexo的版本

一些配置的路径

文章在 source/_posts

如果想修改头像可以直接在主题的 _config.yml 文件里面修改，友情链接，之类的都在这里

如果想修改博客相关的信息在主目录下 _config.yml 文件里面修改

一些方法

隐藏后边的段落

title: 文章名

date: 2017/11/10 20:46:25 文章的日期需手写

tags: 标签分类

Markdown的一些语法规则