哟呵，Github 免费从 0 到 1搭建我的博客网站

哟呵，Github 免费从 0 到 1搭建我的博客网站

小帅b 学习python的正确姿式
以前有朋友说想要搭建本身的博客玩玩，因而就有了这篇：

使用 wordpress 从0到1搭建一个属于你本身的博客网站

后来有些朋友以为略麻烦，又要整服务器整域名，又要搭建各类 PHP、Mysql 环境啥的，就单纯的想写写文章装个x，能不能不整那么多花里胡哨的东西？

好巧不巧，挺久以前我就写过如何搭建以及使用 Github pages 来托管静态博客网站的教程，姨妈巾式的范侧漏那种：

目录
使用 Hexo 搭建我的网站

1. 开始搭建
2. 优化博客主题
3. 你的第一篇博客文章
4. 打上标签
5. 打上分类
6. 添加评论功能

让全世界的人都认识你

1. 建立 Github pages 仓库
2. 安装 hexo-deployer-git
3. 配置你的 Git
4. 推送你的网站到 Github 上
5. 访问你的网站
6. 完事，开启你的装x之旅

 还想要点个性？

1.购买域名
2.如何绑定域名
3.完事

那么接下来就分享给你，但愿对你有帮助。

（疯狂暗示三连）

使用 Hexo 框架来搭建我的网站

这两天我从新整理了一下本身的 Blog ，由于我以前用的 Octopress 框架，有些年头了，一些主题和插件并非不少。
后来对比了几个框架，发现 Hexo 不错，和 Octopress 差很少，也是能够用 Markdown 写文章，而后生成静态网站，Hexo 主题丰富一些。
Hexo 是基于 nodejs 的，搭建起来很简单。那么接下来就说说如何从 0 开始使用 Hexo 搭建我的博客吧。

开始搭建

1. 由于 hexo 是基于 node 框架的，因此呢，咱们首先须要下载安装node，下载地址：https://nodejs.cn/
2. 安装完以后，咱们打开命令窗口，输入 node -v ，若是返回下图所示，那么就说明你安装 node 成功了。

node 版本

3.安装成功后，咱们在命令行窗口运行以下命令来安装 hexo：

npm install hexo-cli -g

4.初始化博客目录：

hexo init xxx.github.io (这里的xxx换成你本身的英文名)

5. 初始化完成后，咱们就进入咱们的目录：

cd xxx.github.io

6.安装

npm install

7.clean一下，而后生成静态页面

hexo clean
hexo g

g 就是generate ,生成的意思

8.把你的网站运行起来

hexo s

s 就是server ，在服务上运行的意思

9.打开你的浏览器，输入 localhost:4000 。自此，你的我的网站就这么速度的搭建起来了！

hexo

优化 hexo 博客主题

进入你的网站目录，打开 _config 文件，这个文件是用来配置你的网站信息的。

这里列出个人简单配置，具体能够看这个Hexo配置文档：https://hexo.io/docs/configuration.html

title: fxxkpython
subtitle: 小帅b
description: xx的我的博客，主要涉及到编程（Java，Python，Linux等），我的提高学习，视频教程
keywords: java，python，教程
author: wistbean
language: zh

选一个Hexo主题

刚搭建完的网站，是否是以为有点丑，不符合你的漂亮的脸庞？反正我是这么以为的，那么就选一个主题来装饰一下吧，在这里能够选择你要的主题，知乎答主们推荐的hexo主题大全：https://www.zhihu.com/question/24422335

下载Hexo主题

慢慢挑，选择好了你的主题以后，就能够下载主题资源了，好比我这里选择一个 NEXT 主题来演示一下，在你的目录中输入如下命令：

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

这里主要就是将主题下载到咱们的themes目录下。

配置主题

主题下载完以后，在你根目录下的 _config.yml 文件中，修改 theme 为你的主题名字：

theme: next

从新生成和运行

hexo g
hexo s

访问一下看看，是否是比以前好看多了？

hexo next主题

hexo博客的第一篇文章，打上标签和分类

你已经把你的网站打扮的漂亮大方简洁惹人爱了，那么接下来就要好好去写内容了，内容才是重要的。

两种方式来新建你的博文

命令形式

在你的 blog 目录下使用以下命令：

hexo new article （这里的article写上你的文章的名称）

输入这样的命令以后你的 source/_posts 下就会生成一个 article.md 文件，在这个文件下就能够写上你的博客内容了。
用 Markdown 的语法去写。

直接新建方式

直接点的方式就是直接在source/_posts新建一个 Markdown 文件，其实和命令形式是一个道理，只不过命令形式用了命令来建立。推荐使用命令的方式，毕竟 Geek 一点。

给你的文章打上标签

在你的博客中打标签能让你的文章方便检索。
hexo打开标签功能：

hexo new page tags

这时候你的 source/ 下生成 tags/index.md 文件，咱们将其打开，而后把它改为：

type: "tags"
comments: false

这时候你要为你的文章打上标签就能够在文章的头部写上：

tags:
    - Tag1
    - Tag2
    - Tag3

好比我如今的这篇文章打的标签就是这样的：

tags:
    - 我的网站
    - 教程
    - hexo
    - blog
    - Git
    - Nginx

给你的文章添加分类

分类，归档，是你博客的特性之一。把文章分门别类，方便查看。
打开hexo分类功能：

hexo new page categories

一样的，你的 source 目录下生成 categories/index.md 文件，咱们将其打开，把它改为：

type: "categories"
comments: false

这时候你就能够给你的文章归类存档了，使用方式就是在你的文章的头部加上：

categories:
         - 分类1
         - 分类2

好比我如今的这篇文章的分类就是这样的：

categories:
    - 我的网站
    - 教程

注意：标签和分类要肯定你的配置文件 _config.yml 是否有打开了 tag_dir: tags 和 category_dir: categories。另外，Markdown 的语法是写做最优雅最简洁最简单的，若是以前没用过的建议去学一下Markdown 语法说明，通常一个钟左右就能掌握。由于它和 HTML 那样简单。

给你的文章添加评论

当别人看了你的文章，有问题想跟你探讨，没评论怎么行？评论也是你的 Blog 交互的重要方式之一。
如今不少 hexo 主题都内置了第三方评论的系统。比较经常使用的有：

• 多说 ：http://duoshuo.com/
• 畅言 ：https://changyan.kuaizhan.com/
• Valine：https://github.com/xcss/Valine
• Disqus：https://disqus.com/
• 友言: http://www.uyan.cc/
• gitment: https://github.com/imsun/gitment
  本身去看一下，喜欢哪一个用哪一个，本身的 Blog 就是要自由。
  选好你的评论系统以后，进入平台注册后，平台会给你一个 APPID 和 appkey。拿到这些信息到你的主题下的配置文件下设置。
  以 next 主题和畅言评论为例：进入你的themes/next,打开_config.yml，定位到 changyan ，把 enable 改成 true。

changyan:
  enable: true
  appid: 这里写上你的畅言在appid
  appkey: 这里写上你的畅言在appkey

设置好以后，从新clean生成一下就有评论啦：

hexo clean
hexo g
hexo s

打开你的预览链接看看你的文章下方，已经有评论功能啦。以下图就是我博客的评论功能：

评论

让全世界的人都认识你

已经搞定了我的blog，接下来固然是要部署到网上让人家访问了，若是不想花钱，可使用GitHub Pages，使用它就能够部署本身的网站啦。
对于 GitHub 不知道怎么用的童鞋，能够看一下个人这个教程：GitHub彻底使用指南：https://vip.fxxkpython.com/?cat=6

建立 Github pages 仓库

接着建立一个 xxx.github.io 的 public 仓库，这里的xxx写你的名字，好比我写的是 wistbean.github.io，那么到时我就能够经过 wistbean.github.io 来访问个人网站了。
建立完成以后，那么你就有本身的 Git 地址了。

安装 hexo-deployer-git

在你的博客目录下输入以下命令，这样你在本地写的文章才能 push 到 GitHub 上面去。

npm install hexo-deployer-git --save

配置你的Git

打开你的配置文件，而后输入你的 git 地址：

deploy:
    type: git
    repo: https://github.com/xxx/xxxx.github.io.git

推送你的网站到Github上

直接输入命令 ：hexo d

d 就是 deploy ， 部署上去的意思。

访问你的网站

这样push上去以后，你就能够直接在浏览器输入你的 xxx.github.io 就能够访问啦！

要有点个性，绑上你的域名

若是你不喜欢千篇一概的 xx.github.io 域名，能够本身绑定一个本身的域名。

购买域名

关于域名的购买我比较推荐去 dynadot 或者 godaddy，这是国外的域名商，可使用支付宝购买，不须要备案，使用起来不错的。绑定
买完你的域名以后，接下来几个步骤轻松搞定：

添加 CNAME 文件

在你的博客的 sources 目录下新建一个 CNAME 文件，这个文件里面就写你的域名就能够了，好比：www.xxxx.com。 接着将文件push到你的 GitHub上，可使用 hexo d 命令。

在你的域名商后台进行 DNS 解析添加两条记录：

1. 主机记录：@
    记录类型：A
    记录值：192.30.252.154 或者 192.30.252.153

2. 主机记录：www
     记录类型：CNAME
     记录值：xxx.github.io  (这里就是你的github仓库名称)

GitHub 设置域名

在你的 GitHub 设置域名，在你的 GitHub 博客项目中点击 Settings，在 GitHub Pages 下的 Custom domain 写上你的域名，而后 save。

GitHub 设置域名

至此，你已经搭建好了本身的博客，托管你的网站到 GitHub 了，也绑定了你本身的域名了，那么这时候你的网站就能够被全世界的人看到了。ok，以上就是小帅b今天给你带来的分享，但愿对你有帮助，那么咱们下回见，peace！