架设个人博客，别再将静态博客生成工具放到服务器上了！

架设个人博客，别再将静态博客生成工具放到服务器上了！

作者个人博客：https://cherishpassion.cn/

区别静态博客与动态博客

• 静态博客

  一般使用静态博客生成工具Hexo、Hugo等

  服务端使用Nginx + 静态页面

• 动态博客

  一般使用开源的博客项目Halo、Tale等

  （当然也可以选择自己开发）

  服务端使用Docker(可选) + Tomcat(Nginx) + 项目(可选H2数据库) + Mysql(可选嵌入式数据库)

---

如何使用静态博客工具

因为大部分小伙伴是Windows用户,演示将使用如下环境

(如果你在Mac OS、Linux上遇到问题，欢迎私信作者！)

客户端：Windows + Hugo

服务端：WSL(Windows Subsystem for Linux) + Nginx

(因为WSL的Ubuntu比较稳定，故演示使用Ubuntu【生产环境建议使用Centos，当然Github也是 不错的选择】)

• 下载Hugo的Windows版本，注意选择hugo_extended

  地址:https://github.com/gohugoio/hugo/releases

  (点击需要的版本即可，无需克隆源代码，如果你对Git的使用不是很了解，仍可以正确操作)
  

• 解压Hugo并配置环境变量

  将Hugo所在目录添加到Path即可
  
  

• 测试Hugo是否安装成功

  Win + X —> Windows PowerShell(管理员)

  输入Hugo,出现如下内容则配置成功
  
  可以使用cmd，但如果你同时在使用Windows、Mac OS 和Linux，cmd一定会让你很痛苦

• 初始化静态博客

  1. 在Hugo根目录下打开PowerShell（在目录下Shift + 右击 —> 在此处打开Windows PowerShell）
     
  2. 输入Hugo new site blogDemo ，即可初始化一个静态博客
     

• 书写第一篇博文

  1. 在PowerShell中进入静态博客根目录

     cd blogDemo

  2. 创建一篇文章

     1.hugo new posts/hello_Hugo.md
     
     2.编辑.md文件(任意工具即可)
     

• 为你的博客选择一个主题

  1.下载一个主题https://themes.gohugo.io/

  • 如果你会使用Git，直接克隆到/themes就好，相信这里我就不用赘述了

  • 如果你不会使用Git,下载压缩包后解压到/themes

  • 将静态博客根目录下的config.toml文件替换为主题中的config.toml
    
    2.在本地发布静态博客

  • hugo server -D
    

  • 打开浏览器预览效果
    

  • 当然现在看起来有一点单调吧，你可以自己探索config.toml文件(这里以我的同主题博客做一个展示)

    https://www.cherishpassion.cn/
    

• 发布博客到远端服务器(这里使用WSL(Ubuntu)模拟，推荐使用Centos，当然Github也是不错的选择)

  • 生成public文件夹
    

  • 打开WSL终端

    1. 对public进行复制(推荐大家使用Git，考虑到有的小伙伴还没有学习Git这里采用复制的方式)
       

    2. 配置nginx(安装：sudo apt-get install nginx)

       sudo vim /etc/nginx/conf.d/hugo.conf

       在conf.d文件夹中，书写.conf配置文件*

       除了user属性，不建议改动nginx.conf中的内容！！！

       除了user属性，不建议改动nginx.conf中的内容！！！

       除了user属性，不建议改动nginx.conf中的内容！！！
       
       

  • 浏览发布效果
    

---

写在结尾

​ 我想读到这篇文章前，你一定已经尝试过搭建博客，条条大道通罗马，阿里云、腾讯云等这些都是非常棒的平台，最低配的服务器以一个低廉的价格够用的配置表现出了对个人开发者的友好。对于博客的搭建网络上的教程、视频都很多，但大多是开门见山，提及动、静态博客这个概念的很少。希望我的文章能对你有所帮助，感谢阅读！

作者其他主页：
   Github:：sketch747
   bilibili：想飞747的程序猿
   MicroBlog：想飞747的程序员