github + hexo 搭建博客

博客是程序员的必备装逼利器之一,使用github + hexo搭建博客,0成本,不需要独立的域名,非常好用。

windows10部署环境

- 安装git

  • Git是上传Github的工具,再Github上有项目的也会用到。
  • 下载https://git-scm.com/download/win (根据自己的版本下载)
  • 安装选线全部默认,只不过最后一步添加路径时选择Use Git from the Windows Command Prompt,这样我们就可以直接在命令提示符里打开git了。

01.jpg

我们可以使用Git Bash Here 进行操作
02.jpg
03.jpg

- 安装Nodejs

  • Node.js是基于Chrome V8 引擎的JavaScript运行环境。
  • 下载 https://nodejs.org/zh-cn/download/ (根据自己的版本下载)
  • 安装的时候务必选择Add to PATH选项 一路next。
  • 安装好后,按 Win + R 打开命令提示符,输入node -v 和 npm -v 显示一下效果。

04.jpg
没有梯子的话,可以找找国内的镜像进行加速。

- 注册Github账号

  • 打开github网址 [https://github.com/] (没有注册一个很棒!)
  • 开始创建一个项目

05.jpg

  • 输入项目名称的时候一定是 name.github(你的名字后面 + .github.io)README初始化也要勾上。

06.jpg

  • 项目建成,点击settings,向下拉到最后有个Github Pages,点击Choose a theme 选则主题,然后等会,再回来Git Pages,会变成如下:

07.jpg

  • 点击中间的网址链接,可以看到你的网页。

08.jpg

- 安装Hexo

  • 在合适的地方建立一个文件,用来存放自己的博客文件,如下:

09.jpg

  • 在该目录下点击右键使用Git Bash Here,打开git控制窗口,以后就在此操作。
  • 输入 npm i hexo-cli -g安装hexo。会有几个报错,不用理他。
  • 安装完成后输入 hexo -v验证是否安装成功。
  • 然后初始化我们的网站,输入 hexo init 初始化文件夹。
  • 这样本地的网站配置就好了,输入 hexo g 生成静态网页,然后输入 hexo s打开本地服务器,浏览器中输入locallhost:4000/就可以看到我们的博客拉,如下:

10.jpg

ctrl + c关闭本地服务器

- 链接Github到本地

  • 首先右键打开Git bash,然后输入命令:(注册github的信息)
  • git config --global user.name "name"
  • git config --global user.email "e-mail@qq.com"
  • 然后生成SSH key:
  • ssh-keygen -t rsa -C "e-mail@qq.com"
  • 打开github,在头像下面点击settings,再点击SSH and GPG keys,新建一个SSH,名字随便然后再Git bash 输入
  • cat ~/.ssh/id_rsa.pub
  • 将内容复制到框当中,点击确定保存。如图:

11.jpg

  • 打开博客根目录下的config.yml文件,配置文件修改自己博客的各种信息。
  • 修改最后一行的配置:

12.jpg

  • 接下来就完成了,可以填写文章了,展示一下自己的博客吧!

注意写完博客后要使用Git Bash
hexo clean刷新
hexo g将代码上传到博客中(本地)
hexo s本地http://localhost:4000测试展示(ctrl + c关闭)
hexo d将代码上传到博客中(github)都可以访问到你的博客。

https://miaomiaolove.github.io/
这是我的github博客,第一次打开可能会比较慢,毕竟是国外的服务器。

阅读 444

推荐阅读