Skip to content

Commit 2ce1b98

Browse files
author
zangchao
committed
add create blog md
1 parent c18e3f8 commit 2ce1b98

File tree

2 files changed

+75
-0
lines changed

2 files changed

+75
-0
lines changed

source/_posts/create-blog.md

+75
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
---
2+
title: 一分钱不花,10分钟即可拥有属于程序员的浪漫,手把手教你搭建自己的个人博客
3+
tag: "随笔"
4+
date: 2024-03-10 22:00:00
5+
---
6+
7+
一分钱不花,10分钟可拥有属于程序员的浪漫——搭建自己的个人博客。
8+
9+
今天我们来聊一聊如何使用 Hexo 和 GitHub Pages 搭建带评论功能的极简博客。
10+
11+
## 概述
12+
个人博客地址:[https://codeaike.github.io/](https://codeaike.github.io/)
13+
14+
项目地址:[https://github.com/codeaike/codeaike.github.io](https://github.com/codeaike/codeaike.github.io)
15+
16+
效果图如下:
17+
![博客效果图](/img/blog-show.png)
18+
19+
先简单介绍下需要用到的几个组件:
20+
### 什么是 Hexo
21+
Hexo是一款基于Node.js的静态博客框架,快速、简洁且高效,支持Markdown,支持自定义主题和插件,支持在GitHub Pages上部署。
22+
23+
### 什么是 GitHub Pages
24+
GitHub Pages支持在GitHub上直接部署我们的博客网站项目。域名采用GitHub Pages的域名,如:https://username.github.io/
25+
26+
### 什么是 Giscus
27+
Giscus是一个基于 GitHub Discussions 的评论系统。安装此App到自己的GitHub,并对自己的项目开启此功能即可使用。
28+
29+
### 什么是 AirCloud
30+
AirCloud是Hexo的一个极简风格的主题,集成了Giscus的评论功能,让博客可以轻松集成基于GitHub登录的评论系统。
31+
32+
## 以下是具体操作步骤
33+
**第一步**:在 GitHub 上创建一个Public仓库,如:username.github.io<sup>[1]</sup>。
34+
35+
**第二步**:初始化一个Hexo项目<sup>[2]</sup>。
36+
```
37+
npm install hexo-cli -g
38+
hexo init blog
39+
cd blog
40+
npm install
41+
hexo server
42+
```
43+
如果没有安装Git和Node,参考[Hexo安装文档](https://hexo.io/zh-cn/docs/)
44+
45+
**第三步**:在 GitHub Pages 上部署 Hexo<sup>[3]</sup>。点击GitHub项目的Actions,可以看到完成Workflows是否成功。访问 https://username.github.io,验证是否部署成功。
46+
47+
**第四步**:引入AirCloud主题<sup>[4]</sup>。
48+
49+
[https://hexo.io/themes/](https://hexo.io/themes/)主题商店里面发现了AirCloud主题,极简风格,还能自动集成评论系统,迫不及待改成这个主题。
50+
51+
在项目的themes目录下导入[https://github.com/aircloud/hexo-theme-aircloud](https://github.com/aircloud/hexo-theme-aircloud),文件夹需要命名为`aircloud`,否则会报错。仿照[https://github.com/aircloud/hexo-aircloud-blog)](https://github.com/aircloud/hexo-aircloud-blog)完成各项配置即可。
52+
53+
**第五步**:在 Hexo 主题中配置评论系统,参考[https://github.com/aircloud/hexo-theme-aircloud](https://github.com/aircloud/hexo-theme-aircloud)的Readme操作即可。
54+
55+
## 如果你需要换个域名
56+
GitHub Pages 提供了相应的方案,不过这个貌似就得买国外域名了,因为指向的GitHub。
57+
58+
如果你在使用阿里云等国内云厂商的服务器,那么这套代码完全可以部署到自己的服务器上,然后买域名,申请备案就好了,这样当然就不是免费啦。服务器、域名等费用肯定需要自己承担了。
59+
60+
## 后续如果发布博客文章
61+
超级简单,Hexo支持markdown,新写一篇md格式的文档放到项目source/_posts目录下就好了,具体可参考Hexo官方文档。
62+
63+
有问题或者想要改进的地方也欢迎在评论区留言。
64+
65+
心动的朋友赶快行动起来吧!
66+
67+
### 参考链接
68+
- [1] [GitHub Pages 快速入门](https://docs.github.com/zh/pages/quickstart)
69+
- [2] [Hexo](https://hexo.io/zh-cn/)
70+
- [3] [在 GitHub Pages 上部署 Hexo](https://hexo.io/zh-cn/docs/github-pages)
71+
- [4] [AirCloud 主题](https://github.com/aircloud/hexo-theme-aircloud)
72+
- [4] [AirCloud Demo](https://github.com/aircloud/hexo-aircloud-blog)
73+
- [4] [hexo本地测试运行重启后页面空白,提示 : WARN No layout: index.html](https://www.zhihu.com/question/38781463)
74+
- [5] [Giscus 评论](https://giscus.app/zh-CN)
75+
- [6] [Markdown 语法](https://markdown.com.cn/basic-syntax/)

source/img/blog-show.png

645 KB
Loading

0 commit comments

Comments
 (0)