基于Github结合Hexo搭建个人博客

基于Github结合Hexo搭建个人博客

十二月 31, 2018

不多说~

工具: Git / Hexo / Nodejs
在元旦前告知需要的虫友们。 虫部落 的主题不再改动
以上工具 各位自行受获取
Git下载界面
Nodejs下载界面

1.注册Github

username.github.io

username是你的注册时信息,非我的。

为了方便阅读,以下均以我的 username 为例子

如果已经有Github,可直接创建仓库.注册于创建时,注意username,这关系到你的初始域名,发挥你的创造力。
join
注册过程可能需要验证你的邮箱,其他就不在赘述。

  • 创建仓库
    创建一个仓库(repository) 来存储我们的网站,点击首页任意位置出现的 New repository按钮创建仓库, Respository name 中的username.github.io 的username 一定与前面的Owner 一致,记住你的username下面会用到。

还有你注册的邮箱
这是红的因为我已经注册过一次了,
ku

  • createOK

2.安装Git Hexo

  • Git下载后,可直接安装

  • 安装Nodejs
    【Hexo是一种博客框架基于Nodejs(其它框架与此不讨论)】

    如此,工具准备好。

3.最后一公里

先用Hexo初始化博客 配置,后发布至个人Github网站【Fit-yourself.github.io】
在Git Bash下(其实WIN下的Dos也可以)
配置(安装) Hexo
npm install -g hexo-cli

  • 创建本地库
    创建出一个名为 username.github.io 的文件夹。
    hexo init Fit-yourself.github.io
    然后进去
    cd Fit-yourself.github.io

初始化的过程是从 hexo 仓库下载博客的目录结构和文件,根据网速,需要一定时间。

安装依赖模块:
npm install

  • 主题安装
    在本地库下
    下进行。【抱歉由于时间的原因,我晚上要考试,明天上学,虫友们可以在下我参考的5分钟里找到相似的。】

** 调整基础配置 **

然后你就可以愉快的写文章了,后上传。

但你要上传的话,我建议在家的虫友可以** 设置免密提交 **
cd Fit-yourself.github.io

  1. 配置 Git 用户名和邮箱
    git config --global user.name "Fit-yourself"
    git config --global user.email"[email protected]"
    生成密钥
    ssh-keygen -t rsa -C "[email protected]"
    使用 ssh-agent 管理私钥

  1. 在Ssh的文件夹下
  • eval "$(ssh-agent -s)" 此处是在 Gitbash 的命令
    将生成的密钥添加到 ssh-agent
    ssh-add id_rsa
    将公钥添加到GitHub中
    在网页上登陆Github
    在 GitHub 个人的setting_Keys中,添加 SSH-KEY。

  1. 验证
    ssh -T [email protected]
    出现如下,就是成功了。
    Hi username! You've successfully authenticated, but GitHub does not provide shell access.
  • 记得以 yes 回复,否则这是不能正确出现这个结果的原因之一

是到了发布的前夕了。
在本地库下
先生成静态页面
hexo g (看有无错误。)


然后本地服务器测试
hexo s s 为 server
能够正常启动服务器,并在浏览器中访问,说明 Hexo 配置成功,接下来要做的事情就是讲生成的静态页面提交到 Github上即可。

提交 Hexo 到 GitHub

修改 _config.yml 文件,在最后增加如下内容:


deploy:
type: git
repository: [email protected]:Fit-yourself/Fit-yourself.github.io.git
branch: master


注意“:”后有空格

  • 安装hexo-deployer-git自动部署发布工具
    npm install hexo-deployer-git --save
    发布
    测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。
    hexo clean && hexo g && hexo d

大功告成

Hexo g hexo s hexo d 一定要知道是干嘛的。

还可以用CloudFlar 进行免费CDN 代理加速国内界面访问


以下为参考页面:

5分钟 搭建免费个人博客

Github Hexo搭建博客


水平有限,如有不到位的地方,请斧正。