github+hexo=一个极简单部署的个人博客

• 环境及软件的下载和配置
  • git
  • node.js
  • Hexo
• 推送网站
  • 重要概念
  • 关联Hexo和Github
• 配置你的博客吧！
  • 更换主题
• 第一篇博文！

---

环境及软件的下载和配置

git

git简单来说是开源的分布式版本控制系统，可以高效地管理各种文件或项目。git中有一个仓库（repository）的概念，指的是git所管理的一个文件夹。我们之所以可以远程合作进行版本控制，是因为我们的仓库能够很方便地同步到一个叫github的网站服务器上，使得全世界所有人都能自由访问下载。于是我们可以将我们的网站放在一个仓库中，并托管在github上让所有人访问。如果想了解git的细节，可以看网上的教程，这里就不再赘述。

1.安装git 因为我们大多数人常用windows的环境，并且本教程也是对windows环境的。所以首先我们要安装git的客户端。可以从官网下载：git官网。下载之后安装即可。
2.绑定github帐号 鼠标右击打开Git Bash或者打开Git bash的快捷方式，配置用户名和电子邮箱信息：

git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

生成ssh密钥文件：(输入命令之后连敲三个回车即可)

ssh-keygen -t rsa -C "你的GitHub注册邮箱"

然后在找到生成的.ssh文件夹中的id_rsa.pub密钥，将内容全部复制。打开GitHub_Settings_keys页面:新建new SSH Key-标题任意，将刚才复制的内容粘贴进Key框内-在Git Bash中检测GitHub公钥设置是否成功：

ssh git@github.com

如下图显示则成功绑定github帐号，可以将本地的仓库推送到github上了。

node.js

Hexo是基于Node.js的。Node.js下载地址：[download](https://nodejs.org/en/download). 注意安装Node.js中nps和环境变量的修改，安装后在bash中分别输入node -v和npm -v，若出现都出现版本号则安装成功，到这里Hexo的环境就配置完成了。接下来是Hexo的安装。

Hexo

安装hexo之前，我们现在电脑中创建一个文件夹，命名随意，比如Blog，我们将在这里安装Hexo框架。进入这个文件夹，然后按住shift并鼠标右击，打开命令行并进入当前目录，输入以下命令

npm install -g hexo-cli 

耐心等待安装完成
然后初始化我们的博客

hexo init blog

然后部署我们的网站

hexo new test_my_site
hexo g
hexo s

然后我们就可以看到我们的网站的雏形了。在浏览器中输入地址：localhost:4000

常用命令

npm install hexo -g #安装Hexo
npm update hexo -g #升级 
hexo init #初始化博客

命令简写
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署

hexo server #Hexo会监视文件变动并自动更新，无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存，若是网页正常情况下可以忽略这条命令

推送网站

我们现在只能在自己看到博客，但是怎样才能让更多的人能欣赏到我们的博客呢？这就需要把我们的网站推送出去，也就是之前说到的将网站托管在github上。

重要概念

这里解释两个文件： * 在blog根目录中的_config.yml：站点配置文件 * 在根目录的themes文件夹中的_config.yml：主题配置文件

关联Hexo和Github

1.打开站点配置文件。

2.翻到最后修改如下

deploy: 
type: git
repo: 这里填入你之前在GitHub上创建仓库的完整路径，记得加上 .git
branch: master

注意：仓库名必须为github的账户名（意味着一个帐号只能部署一个个人主页）
参考如下：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/Soil-L/Soil-L.github.io.git
  branch: master

然后给安装git插件：

npm install hexo-deployer-git --save

最后部署网站即可

hexo clean 
hexo g 
hexo d

打开浏览器，输入仓库路径，即xxxx.github.io，就可以看到自己的博客了！！

配置你的博客吧！

hexo是专门为搭建博客而创造的框架，所以有丰富的配置选项来丰富你的博客界面。这里重点说一下更换主题，其他的配置选项可以参照网上的一些资料来配置。

更换主题

这里我分享的是Next主题，当然你也可以选择其他的主题 在blog根目录打开命令行输入

git clone https://github.com/iissnan/hexo-theme-next themes/next

按照以下方式修改：

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next
plugins: hexo-generate-feed

然后打开主题配置文件
找到Scheme Settings选择样式，只需取出选择的样式的注释即可
这里我选择Pisces如下

# ---------------------------------------------------------------
# Scheme Settings
# ---------------------------------------------------------------

# Schemes
#scheme: Muse
#scheme: Mist
scheme: Pisces
#scheme: Gemini

接着按照上面的方法hexo g、hexo d重新部署网站就可以看到新的主题啦！

第一篇博文！

在blog根目录输入命令

hexo n "博客名字"

在blog/source/_post中多了一个"博客名字.md"的文件这是然后用自己心仪的markdown编辑器编辑文件，重新部署网站。这样第一篇博文就诞生啦！！！