博客配置

刚刚弄好GitHub和Hexo,这时就简单介绍下博客配置的方法

第一步:安装Git

官网下载,正常安装,在Windows命令行下输入git –version检查版本
配置Git个人信息

1
2
git config --global user.name "名字"
git config --global user.email "邮箱,最好是你的注册邮箱"

第二步:安装Node.js

同样官网下载,正常安装,在Windows命令行下输入node -vnpm -v检查版本
编辑系统环境变量path的值,追加nodejs的安装目录
以管理员打开cmd命令窗口,执行命令

1
2
3
4
npm install -g express
npm install -g express-generator
cd C:\Program Files\nodejs //改成对应的安装目录
express -t ejs newsproject

如果安装下载速度较慢,请尝试使用npm淘宝镜像npm config set registry https://registry.npm.taobao.org

第三步:安装Hexo

命令行下输入一下命令进行全局安装

1
npm install hexo-cli -g

第四步:创建Github项目

注册Github账号,创建Github项目,命名为用户名/用户名.github.io

第五步:本地搭建

在自己的电脑中找一个地方新建文件夹——就是你本地保存博客文件的地方,最好是纯英文目录
在博客目录文件夹右键Git Bash Here

1
2
hexo init   // 创建一个hexo模板
npm install // 安装依赖包

第六步:部署博客

获取密钥并配置

执行以下命令获取密钥,密钥所在目录为(C:/Users/username/.ssh/id_rsa.pub):
ssh-keygen -t rsa -C "your_email@example.com" // 一直回车直至密钥生成成功
然后打开GitHub的设置,在其中选择”SSH and GPG keys”,然后点击添加SSH密钥,Title值随意设定,Key值则是刚刚所说的id_rsa.pub文件当中的全部内容
点击确定,随后等待十分钟左右(没办法,GitHub服务器在国外,链接速度不快)
在命令行下执行命令ssh ‐T git@github.com测试SSH key是否添加成功,若出现下面情况,说明SSH key添加成功。

1
2
The authenticity of host 'github.com (xxx.xx.xxx.xxx)' can't be established. RSA key fingerprint is xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx Are you sure you want to continue connecting (yes/no)? yes  // 输入yes
Hi username! You've successfully authenticated, but GitHub does not provide shell access.

配置博客

修改配置文件

1
2
3
4
deploy:
type: git
repo: git@github.com:username/username.github.io.git
branch: master

部署博客

为了完成部署,我们需要安装hexo-deployer-git工具。

1
2
npm install hexo-deployer-git --save  // 安装
hexo d -g // 生成和部署

第七步:美化

大家可以在网络上找到很多不同的主题,官网主题知乎主题等等
不过本人比较喜欢Next的简洁风格,因此写下Next主题的安装方法:
在博客目录文件夹右键Git Bash Here
执行命令git clone https://github.com/iissnan/hexo-theme-next themes/next
大家可以按照喜好进行配置,也可以在网络上找相应的设置方法,个人有个人喜好

第八步:开始你的第一篇博客吧

Hexo的博客文章保存在博客目录底下的\source\_post目录中,把当中的HelloWorld.md删除,然后再博客目录下右键Git Bash Here
输入hexo new "第一篇博客名字"就会在\source\_post目录下创建新的博客文章

参考资料:

1. Hexo之NexT主题搭建博客详细过程

2. Hexo命令:

Hexo有很多命令,在这里总结一下一些常用命令:

命令名称 命令简写 命令含义
hexo generate 简写:hexo g 生成静态文件,会在当前目录下生成一个public文件夹
hexo server 简写:hexo s 启动本地服务,用于博客的预览
hexo deploy 简写:hexo d 部署到远程(如GitHub,可以在_config.yml中配置)
hexo new post-name 简写:hexo n post-name 新建文章
hexo new page page-name 简写:hexo n page page-name 新建页面

常用的组合命令:
hexo d -g // 生成和部署
hexo s -g // 生成和预览

3. Markdown常用语法参考 见Cmd Markdown 编辑阅读器 - 作业部落出品

-------------本文结束感谢您的阅读-------------
亲,可以打赏点吗?.