LOADING

加载过慢请开启缓存 浏览器默认开启

如何快速搭建一个满意的个人博客

2025/1/24

如何快速搭建一个满意的个人博客


@文章首版


前言

搭建一个满意的个人博客,即满意又省心,没有最快只有更快!!!


一、安装nginx

1.安装nginx所可能需要的依赖

命令如下(示例):

1
yum install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2.打开nginx官网下载地址,选择自己需要安装的版本,下面以1.23.3版本为例

命令如下(示例):

1
2
3
4
5
6
wget http://nginx.org/download/nginx-1.23.3.tar.gz
tar -xvf nginx-1.23.3.tar.gz
cd nginx-1.23.3 && ./configure --with-http_stub_status_module --with-http_ssl_module
make
sudo make install #如果不是root用户下,需要加sudo
sudo /usr/local/nginx/sbin/nginx #输入这个命令验证一下就可以了

nginx安装成功

二、安装hexo

命令如下(示例):

1
2
3
sudo npm install -g hexo-cli
mkdir hexo && cd hexo #根据自己需要单独创建个目录,用于存放hexo
hexo init #执行这一步需要有git命令

执行结束后有如下生成文件即表示成功。
在这里插入图片描述

三、hexo放入nginx中

1.hexo生成网页

命令如下(示例):

1
hexo g                          #在hexo目录下执行,命令意思是生成hexo主题

如果不是下图这样生成成功的标识,那么先检查自己是否有修改,如果有请先解决或清理自己的修改。
hexo生成OK

2.nginx代理hexo

命令如下(示例):

1
2
sudo mv /usr/local/nginx/html /usr/local/nginx/html_back    #备份一下原始的
sudo cp public /usr/local/nginx/html -rf #此时在hexo目录下

最后再打开刚才的网址,查看网页已经有变化
nginx展示成功

3.更换自己想要的个人博客样子

首先进入hexo官网,可以看到目前就有376种供你选择,以后我想会更多
hexo官网
下面我选择一个比较经典的NexT为例,点进入后是一个github仓库
在这里插入图片描述
下载这个hexo主题并使用

命令如下(示例):

1
2
3
4
5
6
git clone https://github.com/next-theme/hexo-theme-next.git themes/next		#现在在hexo目录下
sed -i 's/theme: landscape/theme: next/' _config.yml #这里是将theme: 对应的参数landscape换成了next(也就是next主题的目录名)
hexo clean #清理生成的hexo主题
hexo g #生成hexo主题
sudo rm -rf /usr/local/nginx/html #先删除以前生成的hexo主题
sudo cp public /usr/local/nginx/html -rf #最后将生成的主题替换进去,public就是生成的主题

在这里插入图片描述
最后主题就更换成功了,这里只是简单举一个例子,可能这个主题一般当然还有更好看,更拉风的!!!

四、添加或修改自己的文章

这一步我想也是搭建比较关心的,可以在csdn创作中心先写一篇,或者用其他markdown格式写一篇文章,下面以csdn上的为例

命令如下(示例):

1
2
touch source/_posts/个人博客搭建.md				#目前在hexo目录下,创建一个md文件,文件名字由你自己命名即可
vim source/_posts/个人博客搭建.md #将下图中左边部分全部复制后粘贴进去。注意:按a或i后再粘贴

在这里插入图片描述
最后再将生成的hexo主题在nginx里更换。如上3.3的拷贝方法即可,添加成功。
在这里插入图片描述


总结

以上就是快速搭建一个满意的个人博客的方法,因为是使用的nginx代理,还可以添加https访问以及http跳转https等。虽然文章比较长,但主要还是图多,实际操作并没有多少。这样搭建的博客,不会影响你分享文章,而且还有不少好看的主题可以更换,因为由nginx代理所以性能这些也是可以放心的。