零经费搭建个人博客

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

文章目录

    • 原因
    • 分类
    • 服务器
      • GitPage
        • 解决方法
      • CodingPage
      • OBS 对象存储
    • 博客本体
      • 安装 node.js 并配置
      • 安装 git
      • 安装 hexo
      • 启动,关闭 hexo
      • 安装一大堆插件
      • 安装主题
      • 配置
      • 配置ssh
      • 写文章,发表
        • 写文章
        • 文章格式
        • 发表
    • 域名
    • CDN
    • 其他事项
    • 评论系统

长文请配合目录食用

原因

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

分类

纯当科普,大佬请跳过。
这类网站有两种,静态和动态。静态就是不需要服务器的形式,直接渲染成 html,交互操作(评论,访问量)就全靠 js(javascript)了。最出名的有 hexoJekyllHugo之类的。通常不需要多少服务器开销,功能基本够用。
再是动态,不得不说的就是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 对象存储

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

博客本体

最重要的部分,即hexoJekyllHugo之类的,下面详细记述 hexo 的安装过程。

安装 node.js 并配置

打开官网,无脑下载。

零经费搭建个人博客_第1张图片

终端执行如下命令,无输出。(切换镜像源,不然卡死你)

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)

零经费搭建个人博客_第2张图片

deploy:
  type: git
  repo: [email protected]: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)]

零经费搭建个人博客_第3张图片
把刚才的cat输出拷贝粘贴到框里

零经费搭建个人博客_第4张图片

写文章,发表

写文章

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

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

零经费搭建个人博客_第5张图片

文章格式

---
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 对博客站完全足够。
大家可以货比三家,好好算算价钱。下面这个纯属示例,大家做一下参考,具体做法可以百度,我马上就去填坑。

零经费搭建个人博客_第6张图片

其他事项

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

评论系统

使用 Gitalk、来必利、gitment等

你可能感兴趣的:(瞎搞)