寂寞烟雨 發表於 2021-1-7 17:51:00

Windows系统搭建hexo+github详细教程

<p><br>
# 前言<br>
<br>
##### enmmm, 第一次建站, 把自己建站的过程记录下来, 也算是给后来者少踩坑! hhhh~~~<br>
<br>
# 搭建环境<br>
<br>
win10家庭版<br>
<br>
# 准备工作<br>
如果你从来没有搭建过hexo<br>
<br>
#### 1. 安装nodeJs<br>
<br>
(http://nodejs.cn/)下载傻瓜式安装&nbsp;**注意: 安装时这个要选在Add Path, 会自动添加环境变量**<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
!(/blog/assets/createHexo/nodeJs安装.png "nodeJs安装")<br>
&nbsp;<br>
#### 2. 新建gitHub账号<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
(https://github.com/)创建即可<br>
<br>
#### 3. git<br>
<br>
(https://git-scm.com/)&nbsp;下载windows版<br>
<br>
安装后配置环境变量可以参考 &lt;https://www.cnblogs.com/qingmuchuanqi48/p/12052289.html&gt;<br>
<br>
#### 4. git ssh<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ ssh-keygen -t rsa -C "注册github时验证的邮箱地址"<br>
<br>
执行命令后, 去C盘用户目录中隐藏目录.ssh下有个一个id_rsa.pub, 记事本打开, 复制里面的内容;&nbsp;<br>
<br>
然后打开github个人主页 -&gt; SSH and GPG Keys -&gt; New SSH Key;&nbsp;<br>
<br>
title随便填, key内容复制到Key中<br>
<br>
配置完成后执行下面两条命令<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;// 你的github用户名<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ git config --global user.name "taibai"<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;// 填写你的github注册邮箱<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ git config --global user.email&nbsp;&nbsp;"136********@163.com"<br>
<br>
<br>
# 开始食用hexo<br>
&gt; 当一切准备就绪后, 开始正题<br>
<br>
&gt;&nbsp;&nbsp;**注意事项**<br>
&gt;&nbsp;<br>
&gt;&gt; 所有的命令都是在git bash下执行完成, 也建议全部使用git bash执行<br>
<br>
<br>
### 1. 创建github仓库<br>
<br>
登录进gitHub主页 -&gt; New -&gt; Repository name (命名规范: 你的用户名.git.io)<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
比如我的github用户名是**taibai**, 那我的仓库名称就是&nbsp;**taibai.git.io**未来访问的地址也同样是&nbsp;**taibai.git.io**<br>
<br>
### 2. 安装hexo<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ npm install -g hexo<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ cnpm install hexo-deployer-git --save<br>
<br>
### 3. 初始化<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
新建blogs文件夹, 以后这个文件就是用来存hexo代码的, 在这个文件夹内使用git bash输入以下指令&nbsp;<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ hexo init<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
生成hexo相关html文件<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ hexo g&nbsp;&nbsp;&nbsp;&nbsp;<br>
<br>
启动hexo服务, 访问&lt;http://localhost:4000&gt;预览<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ hexo s&nbsp;<br>
<br>
配置git仓库(根目录的_config.yml文件)&nbsp;<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;deploy:<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: 'git'<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;repository: git@github.com:****/*****.github.io.git<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;branch: master<br>
<br>
<br>
新建博客<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ hexo new '博客名字'<br>
<br>
<br>
提交至git<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ hexo d -g<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
**至此hexo就安装完成了, 贼tm简单熬!**<br>
<br>
# 扩展项<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
### 1. 更改主题<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
&gt; 注意事项 :&nbsp;<br>
&gt;&gt; 在hexo根目录执行git bash命令<br>
&gt;<br>
&gt;&gt; 下载的所有主题都在/themes目录中<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
以yilia主题为例:<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia<br>
<br>
修改根目录_config.yml内容<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;theme: yilia<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
<br>
<br>
### 2. 更换头像<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
以yilia主题为例:<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
-&nbsp;复制头像图片到/themes/yilia/source/目录中<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
-&nbsp;进入/themes/yilia/ 目录修改_config.yml文件<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
-&nbsp;修改属性avatar: /touxiang.jpg&nbsp;&nbsp;**(注意hexo的配置文件冒号后多一个空格)**<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
<br>
### 3. 关于域名<br>
<br>
如果你已经购买了域名, 并且hexo已push到了github, 那请参考下面图片进行域名解析<br>
(ip可以通过ping .git.io地址获取到)<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
![域名解析](/blog/assets/createHexo/域名解析.png)<br>
<br>
<br>
配置域名解析后进入giHub仓库 -&gt; settings -&gt; 往下拉在Custom domain中填入你的域名&nbsp;**(push hexo后才会有)**<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
下载CNAME文件到本地, 复制到hexo本地根目录/sources目录下, 否则重新push hexo后CNAME文件会消失<br>
<br>
<br>
### 4. 关于md编辑器<br>
<br>
我使用的是makedowmpad2, 目前感觉还不错, 有软件管家的可以在上面下载, 下面附上破解Key<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
Email address:&nbsp;<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
&nbsp;&nbsp;&nbsp;&nbsp;Soar360@live.com<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
License key:<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bnxn2kSE8qHqNY5QaaRxmO3YSMHxlv2EYpjdwLcPwfeTG7kUdnhKE0vVy4RidP6Y2wZ0q74f47fzsZo45JE2hfQBFi2O9Jldjp1mW8HUpTtLA2a5/sQytXJUQl/QKO0jUQY4pa5CCx20sV1ClOTZtAGngSOJtIOFXK599sBr5aIEFyH0K7H4BoNMiiDMnxt1rD8Vb/ikJdhGMMQr0R4B+L3nWU97eaVPTRKfWGDE8/eAgKzpGwrQQoDh+nzX1xoVQ8NAuH+s4UcSeQ==</p><br><br>
来源:https://www.cnblogs.com/caotaibai/p/14247774.html
頁: [1]
查看完整版本: Windows系统搭建hexo+github详细教程