白泽的小白博客搭建教程

很多人(包括白泽)都希望拥有一个自己亲手搭建的博客,不仅是为了丰富自己的简历、记录自己的学习生活,也是为了找到更多志同道合的朋友。这时,使用Hexo+Github搭建免费的博客就是一个很不错的方式。具体要如何实现呢?且听白泽细细教你~

一.关于Hexo+Github博客,你需要了解的

  • Github是什么,为什么能搭建博客?

    Github.com是一个代码开源平台,全世界优秀的程序员都在这个网站上分享自己的代码与想法,来帮助其他人解决问题。比如白泽就在Github上发布了NCUT大学3d建模计划与白泽自制的在线评测网站源码。

    Github对所有用户都免费开放了一个服务——Github Pages,其作用是允许我们利用Github的仓库中托管、发布自己的静态网站页面。

  • Hexo是什么?

    Hexo是一个快速的静态博客搭建框架,或者说,帮助你快速搭建一个博客的工具,它基于Node.js运行。事实上即使你根本不知道Node.js是啥,也能愉快地搭建起自己的博客!

    放心,这个教程的初衷是让即使是某个现在正坐在我右边的电脑白痴也能搭建起自己的博客~

  • 发布博客的方式

    在本地撰写Markdown文档后,通过计算机(本地)的Hexo解析文档,然后上传到Github上即可完成一篇博文的发布~

    关于Markdown,它是一种十分便捷的标记式文本工具,白泽的几乎所有文档都是用Markdown编写而成。或许你需要移步这里做进一步了解:Markdown基本语法 - 简书 (jianshu.com)

二.开始搭建前的准备工作

  1. 先在Github.com上注册一个账号!

  2. 在你的电脑上安装这俩货:

  3. 安装完成后,按下Win+R,在弹出的框框内输入cmd,会跳出一个黑色的小框框。

    在其中依次输入以下代码,每输一行就按依次回车键:

    1
    2
    3
    node -v
    npm -v
    git --version

    只要都没有出现:不是内部或外部命令,也不是可运行的程序或批处理文件 即可~

  4. 在你的电脑里选择一个你喜欢的位置存储你的博客,例如在D盘新建一个文件夹,名为Blog,然后点击进入。

  5. 在这里鼠标右键,点击 Git Bash Here设置用户名与邮箱。依次输入以下指令:

    1
    2
    git config --global user.name "这里输入你的Github用户名,要带双引号"
    git confit --global user.email "这里输入你的Github邮箱,要带双引号"
  6. 创建SSH密钥,输入以下指令:

    1
    ssh-keygen -t rsa -C "这里输入你的Github邮箱,要带双引号"

    然后一路按回车键即可。

  7. 添加密钥

    进入[C:\Useres(用户)\.ssh]目录(要勾选显示隐藏的项目),用记事本打开文件id_rsa.pub并复制里面的内容。

    登录Github,进入Settings页面,选择左边的SSH and GPG keys,点击New SSH key。

    Title随便取个名,粘贴刚刚粘贴的内容到key中,点击Add SSH key完成添加。

向刚才一样,在之前找好的位置下右键打开Git Bash,输入:

1
ssh -T git@github.com

出现 Are you sure… ,输入yes并回车确认。

显示 Hi xxx! You’ve successfully…… 即说明这一步成功。

三.创建你的博客

在Github主页的右上角点击加号,再点击 New repository:

  • Repository name中输入用户名.github.io
  • 勾选 Initialize this repository with a readme
  • Description随便填

填好后点击Create Repository即可完成创建。

四.在本地部署你的博客

依然是在刚才的文件夹里,打开我们的Git Bash,输入以下指令:

1
npm install -g hexo-cli

安装会持续很久很久,请耐心等待~

安装完成后,会显示这样的一行:

1
added xxx packages...

这时你的博客就已经部署完成了!

五.编辑你的博客

依次输入以下指令:

1
2
3
4
hexo init
npm install
hexo g
hexo s

此时你就可以在浏览器输入以下网址:http://localhost:4000 ,就可以看到你博客现在的模样了!

当然现在你的博客只有你一个人能看见QAQ

因此我们还需要安装一点东西~

输入以下指令:

1
npm install hexo-deployer-git --save

然后修改**__config.ymp**文件末尾的Deployment部分,修改成这样:

1
2
3
4
deploy:
type: git
repository: git@github.com:用户名/用户名.github.io.git
branch: master

然后输入指令:

1
hexo d

这时访问https://用户名.github.io就可以看到你刚刚搭建的博客了!

六.发布文章

输入hexo new 文件名即可发布一篇你的博客;该博客可以在刚才的文件夹/


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!