零经费搭建个人博客

来我的博客玩～～图挂了的话看这个
https://helloworldztr.github.io/2020/04/08/WebSite-Build-instruction/

长文请配合目录食用

原因

这个纯粹是说给自己看的，相信大家既然有搭建自己博客的想法，肯定就知道为什么了。首先，大多数博客网站像优快云、博客园啥的限制很多，个性化很少，像新浪博客直接就 pass 掉。其次，纯粹是一种程序员的热情，谁都不想让自己的心血白白浪费，自然需要一个 decent 的地方来挥洒自己的热情。最后，不论谁都会有很多事情想记录和分享出来。
综上，搭建一个个人博客原因很充足了吧？幸运的事我们不需要花很多时间或精力，大约需要 100 元/年 的开销和 1 小时左右的时间。(如果你不要域名甚至可以不花钱)

分类

纯当科普，大佬请跳过。
这类网站有两种，静态和动态。静态就是不需要服务器的形式，直接渲染成 html，交互操作（评论，访问量）就全靠 js(javascript)了。最出名的有 hexo、Jekyll、Hugo之类的。通常不需要多少服务器开销，功能基本够用。
再是动态，不得不说的就是wordpress,这种网站就要用真正的服务器了，要有数据库、web server……就是那些php,jsp,asp写的网站。当然就得为服务器出把血了（参考价1000元/年），好处就是有酷炫功能（登陆、论坛什么的）

服务器

我们这里不说真正的服务器，只搞静态的网站（穷就完事了）
跟随大众，选（白嫖） GitPage 没错。

GitPage

可以免费托管静态页面、自带域名、ssh

优点：完全免费、老牌稳定
缺点：国内访问慢、百度不收录

解决方法

我的博客就在 Github 上，你需要：

• 注册一个 GitHub 账号
• 创建一个仓库，名叫你的账号.github.io，往里面上传一个index.html
• 访问https://你的账号.github.io就能看到你的 index.html 了

访问慢、百度不收录：
随便办一个 CDN（内容分发网络） 全站加速（10 元/年），后面详述。

CodingPage

被腾讯收购后成了静态网站托管，看似要收费实际不会收费。有空我去试试。
https://cloud.tencent.com/product/wh

OBS 对象存储

如果你都不想用，可以办一个对象存储服务(本质上原理相同)，总而言之可行而不好用。

博客本体

最重要的部分，即hexo、Jekyll、Hugo之类的，下面详细记述 hexo 的安装过程。

安装 node.js 并配置

打开官网,无脑下载。

终端执行如下命令，无输出。（切换镜像源，不然卡死你）

npm config set registry https://registry.npm.taobao.org

安装 git

打开官网，无脑下载（linux,mac不用下载，系统自带）

安装一路 Yes

安装 hexo

先建好一个空的文件夹，cd 到上一层目录，执行：(注意，windows powershell 会鬼畜，cmd就好)

npm install -g hexo-cli
hexo init 你的文件夹名字

启动，关闭 hexo

hexo s

打开浏览器localhost:4000就能看到了
按Ctrl + c退出

安装一大堆插件

npm install hexo-wordcount --save
npm install hexo-generator-json-content --save
npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
npm install hexo-deployer-git --save

安装主题

如果你要用 Gitpage，记得不要用太多图片的主题，会很卡

git clone https://github.com/cofess/hexo-theme-pure.git themes/pure

是cofess的主题，很简洁

配置

有两个文件，themes/pure/_config.yml和_config.yml，优先修改第一个

在_config.yml文末，修改如下(repo一行自己修改为仓库的ssh)

deploy:
  type: git
  repo: git@github.com:HelloWorldZTR/HelloWorldZTR.github.io.git
  branch: master

另外，还要修改诸如作者名、网址、网站名、评论插件等，各个主题皆有不同，请参考 readme 和百度

配置ssh

借用一下思否的图
生成ssh公钥

git config --global user.name "用户名"
git config --global user.email "邮箱地址"

ssh-keygen -t rsa -C '上面的邮箱'
# 三次回车 => 密码为空
cat ~/.ssh/id_rsa.pub

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9ZDhNtvY-1586344476511)(https://s1.ax1x.com/2020/04/08/GfeWm4.jpg)]

把刚才的cat输出拷贝粘贴到框里

写文章，发表

写文章

hexo new post "文章名称" #新建文章
hexo new page "页面名称" #新建页面

他会输出一个地址，你打开它就可以编辑了(紫色显示)

文章格式

---
title: 标题
date: 时间 xxxx-xx-xx xx:xx:xx
categories:
  - #分类，只有一个
tags:
  - #标签，可有多个
toc: true #是否显示目录
desciption: "简介，在搜索时可以看到，不要太长"
---
文章简介，可以在主页看到
<!-- more -->
正文

友链、分类、标签页面的开启

不方便说明，百度或看 readme

发表

hexo clean && hexo g # 重新生成
hexo d # 发布到 Github

域名

有名网址，不想输xxx.github.io，还想再个性化点？花钱买个域名就好啦。

不想用分配的域名，自己去 狗爹网 或国内平台办理即可。不同域名价格差很大，记得货比三家～

然后在 DNSpod 中配一下即可，如果有CDN要关联。具体做法可以百度，我马上就去填坑

CDN

如果你想用 Gitpage 的话，这点钱花的有必要。具体做法不多说，记得是 全站加速，套餐选 按需计费 即可，每年 50G 对博客站完全足够。
大家可以货比三家，好好算算价钱。下面这个纯属示例，大家做一下参考，具体做法可以百度，我马上就去填坑。

其他事项

你需要去搜索引擎提交你的网站，不然没有流量

评论系统

使用 Gitalk、来必利、gitment等