如何搭建个人博客网站

朴灿烈づ我的快乐病毒、 2023-01-11 15:26 320阅读 0赞

> 前段时间有点丧，碎碎念想到，一腔孤勇的活着也曾有过许许多多的压力，但觉得并不是很累。
> 
> 常言道，与天争，争了个天道无常，与世争，争了个世事沧桑，与人争，争了个人心叵测，何不坦坦荡荡、潇潇洒洒的过活这一生呢。

今天想分享如何搭建个人博客网站，程序员多多少少也该有一个自己的博客网站，一方面是为了记录自己的工作总结，或是学习记录，另一方面，一种写作能力的积累能帮助你走的更远。一个优秀的程序员要学习和了解的内容太多太广了，如果纯靠我们人脑来时刻保持对技术的积累，那效率是较慢的，所以我们需要一个专门积累个人知识财富的东西，博客系统或者论坛系统等，今天主要介绍两款博客系统，Halo和Hexo。

# 一、Halo #

官网地址：https://halo.run/

Halo：一款现代化的博客/CMS系统，值得一试。

## 特性 ##

![image-20210127090339986][]

想要搭建Halo博客，我们最好先有自己的服务器与域名网站，关于如何从零开始搭建网站，请参考之前本公众号内的文章[《如何从零搭建个人/公司网站》][Link 1]

## Halo搭建 ##

针对不同的服务器，搭建方式亦不同：

macOS：

$ wget https://dl.halo.run/release/halo-1.4.2.jar
    $ java -jar halo-1.4.2.jar

Windows：

click https://dl.halo.run/release/halo-1.4.2.jar to download.
    $ java -jar halo-1.4.2.jar

Docker（推荐）：

# 创建工作目录
    $ mkdir ~/.halo && cd ~/.halo
    # 下载示例配置文件到工作目录
    $ wget https://dl.halo.run/config/application-template.yaml -O ./application.yaml
    # 编辑配置文件，配置数据库或者端口等
    $ vim application.yaml
    # 创建容器
    $ docker run -it -d --name halo -p 8090:8090 -v ~/.halo:/root/.halo ruibaby/halo

*  **-it：** 开启输入功能并连接伪终端
 *  **-d：** 后台运行容器
 *  **–name：** 为容器指定一个名称
 *  **-p：** 端口映射，格式为 `主机(宿主)端口:容器端口` ，可在 `application.yaml` 配置。
 *  **-v：** 工作目录映射。形式为：-v 宿主机路径:/root/.halo，后者不能修改。
 *  **–restart：** 建议设置为 `always`，在 Docker 启动的时候自动启动 Halo 容器。

打开 `http://ip:端口号` 即可开始进入安装引导界面。

关于Halo的搭建，推荐使用Docker的方式搭建，有关于Docker技术，强烈推荐还不了解Docker的同学前去学习，容器化技术目前还是比较火爆的，而Docker作为容器技术的代表产品，真的是简单方便，在生产级别的适用性也十分高。

## 主题 ##

Halo有着丰富的主题样式，可以满足你对皮肤的各种幻想，当然，若这些都另你不够满意，也可以自己编写一份主题。

![image-20210127091008243][]

![image-20210127091021104][]

我的个人网站就是通过Halo搭建的，还是感觉很不错的。

![image-20210127091138157][]

# 二、Hexo #

官网地址：https://hexo.bootcss.com/

Hexo：快速、简洁且高效的博客框架

## 特性 ##

![image-20210127091548680][]

## Hexo搭建 ##

$ npm install hexo-cli -g
    $ hexo init blog
    $ cd blog
    $ npm install
    $ hexo server

以上命令是在本地搭建，但是这样我们无法通过互联网访问，为了使我们的个人博客网站能发布在网上让所有人看到，这里给大家推荐一种方式，使用Github Pages+Hexo完成个人博客网站的搭建。

网上有关于这部分的教程案例比较丰富，我就不再次编写，直接给大家分享几个不错的教程来进行参考：

*  [使用GitHub Pages+Hexo 搭建个人网站详细教程][GitHub Pages_Hexo]
 *  [使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】][Github Pages _ Hexo]
 *  \[[超详细Hexo+Github Page搭建技术博客教程【持续更新】][Hexo_Github Page]\]

搭建完成后，就将你的博客Hexo部署到了Github了，则可以免去购买服务器，购买域名。

之后，就可以愉快的编写Markdown技术文档，实现技术的不断跃迁了。

## 主题 ##

Hexo有300+款主题可以任你挑选，如此丰富的主题让你一天换一套皮肤都不带重样，满足广大审美程序员的要求。

![image-20210127091754223][]  
![image-20210127091807228][]

以下是我个人使用Hexo搭建的个人博客：

![image-20210127091835615][]

# 三、Halo和Hexo对比 #

我觉得两款博客系统都是比较优质的博客系统，有着丰富的主题样式，可以免去自己编写样式的困扰，并且社区都有很多成熟的案例，我们可直接参考他人的博客来进行维护改造自己的博客系统，都支持自定义维护主题。

最大的比较可能就是，如果要是有Halo，我们最好有一个自己的云服务器，这样可以将Halo部署在自己的云服务器，然后购买一个自己心仪的域名，就可以通过在互联网使用域名访问博客了。如果使用Hexo，我们可以将Hexo博客部署在Github上，免去了之前购买的费用。

顺道附上通过以上两种方式我搭建的个人博客：

Halo：https://www.lovebetterworld.com/  
Hexo：https://lovebetterworld.github.io/

*  个人网站：https://www.lovebetterworld.com/
 *  往后余生，只想分享一些干货，分享一些工作，学习当中的笔记、总结，并帮助需要帮助的任何人，关注我，大家一起来学习吧！  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FuMTA5MDIzOTc4Mg_size_16_color_FFFFFF_t_70_pic_center]

[image-20210127090339986]: /images/20221119/b1048c2a2fb74f8ba861dba10e5f4468.png
[Link 1]: https://mp.weixin.qq.com/s/a67Vuj6Z8nfzjxNsfOSxnQ
[image-20210127091008243]: https://img-blog.csdnimg.cn/img_convert/22e95691aa0c7578f13fe8a18017bd3f.png
[image-20210127091021104]: https://img-blog.csdnimg.cn/img_convert/ea59111b81ff2f904bf8323f448ad4c6.png
[image-20210127091138157]: https://img-blog.csdnimg.cn/img_convert/8a3e4da72f1ace332b43eceafdf6e4a2.png
[image-20210127091548680]: https://img-blog.csdnimg.cn/img_convert/d805c40a85a1b44a9fcadc44c86d37e9.png
[GitHub Pages_Hexo]: https://blog.csdn.net/guoxiaorui666/article/details/99623023
[Github Pages _ Hexo]: https://blog.csdn.net/qq_36759224/article/details/82121420
[Hexo_Github Page]: https://segmentfault.com/a/1190000017986794
[image-20210127091754223]: https://img-blog.csdnimg.cn/img_convert/c11d0852eab7e7e92639a71c5b14cd74.png
[image-20210127091807228]: https://img-blog.csdnimg.cn/img_convert/0f5572cba31cda684e6eca835183f1d7.png
[image-20210127091835615]: https://img-blog.csdnimg.cn/img_convert/87196494d24ad354a247d1aefd473158.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FuMTA5MDIzOTc4Mg_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20210127093723934.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FuMTA5MDIzOTc4Mg==,size_16,color_FFFFFF,t_70#pic_center