零经费搭建个人博客

本文详细介绍如何搭建个人博客,包括选择静态或动态网站,利用Hexo、Jekyll等工具,配置服务器如GitPage,以及安装主题和插件。涵盖域名、CDN加速、评论系统设置,适合初学者快速上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

长文请配合目录食用

原因

这个纯粹是说给自己看的,相信大家既然有搭建自己博客的想法,肯定就知道为什么了。首先,大多数博客网站像优快云博客园啥的限制很多,个性化很少,像新浪博客直接就 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 并配置

打开官网,无脑下载。

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

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

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)

Gfiebt.png

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)]

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

在这里插入图片描述

写文章,发表

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

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

GfnF8x.png

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WcBovVGK-1586344476514)(https://pic.images.ac.cn/image/5e8d97c79441a)]

其他事项

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

评论系统

使用 Gitalk、来必利、gitment等

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值