博客网站搭建记录

简单记录一下这个博客网站的搭建过程,基于wordpress

购买服务器与域名

购买阿里云服务器,操作系统我选择Ubuntu

image-20260131194332541

这里我选择购买一个域名(后续将域名解析到服务器的IP,并配置SSL证书)

image-20260131195149266

连接上服务器,配置如下:

image-20260131194529265

接着使用apt包管理器下载建站所需工具

apt install nginx
apt install php
apt install php-fpm
apt install mysql
apt install php-mysqli
apt install php8.3-mysql

配置Nginx

Nginx的配置文件夹位于/etc/nginx(cert文件夹是自己创建的,用于存放证书)

image-20260131195508538

编辑/etc/nginx/sites-available/default文件,配置让Nginx能访问index.php

image-20260131195821626

配置SSL证书

image-20260131200222012

接下载加载配置并重启nginx,如果成功的话就可以在浏览器直接使用域名访问服务器了,这时候看到的应该是Nginx默认的欢迎界面

nginx -t
nginx -s reload

下载WordPress

WordPress官网链接:https://cn.wordpress.org/

使用wget命令下载

wget https://cn.wordpress.org/latest-zh_CN.tar.gz

可能需要工作台六根木棍摆成H型合成的那个东西

将WordPress压缩包解压到/var/www/html内(Nginx的默认路径)

注意这里我是全程用root用户操作,而nginx进程的用户是没有访问这些文件的权限的,故需要进行权限设置

chown -R www-data:www-data /var/www/html
chmod -R 755 /var/www/html

image-20260131201126235

配置WordPress

如果顺利这时候访问域名出来的应该是WordPress的初始界面,会让你创建用户,设置MySQL什么的

这里直接在命令行中使用SQL语句创建一个叫作wordpress的数据库

CREATE DATABASE wordpress DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
CREATE USER 'Re1'@'localhost' IDENTIFIED BY 'letmein';
GRANT ALL PRIVILEGES ON wordpress.* TO 'Re1'@'localhost';
FLUSH PRIVILEGES;
EXIT;、

在WordPress界面选择数据库,输入密码即可

这样一个简单的博客网站就完成了,接下来对网站进行简单美化,另外安装Markdown插件

前端美化与Markdown插件

使用了开源大佬solstice23的argon主题,从https://github.com/solstice23/argon-theme下载压缩包,在wordpress中导入主题即可

还有一些额外css以及js脚本之类的美化,可以自行去网上搜索

最后,由于在wordpress里写文章是使用wordpress自带的格式,类似word有些不方便,也不能离线写,所以我们当然要使用简单高效的Markdown来写文章

安装插件Markup Markdown,来支持前博客前端直接渲染Markdown,此外该插件还将wp自带的编辑器替换为在线Markdown编辑器,十分让人满意

image-20260131203559949

需要注意的是,如果已经有使用wp自带格式编写的文章,此时再安装这个插件会导致博客网页渲染出错,所以安装这个插件之后所有博客都只能使用Markdown来写(还有这种好事

总结

这样我们就得到了一个简单的博客网站,可以写写东西记录学习啥的,可以直接本地写然后上传到博客服务器

关于图床搭建以及如何方便地写博客看这里

评论

  1. 叶宇恒
    iPhone AppleWebKit 605.1.15
    7 天前
    2026-1-31 21:45:41

    很好的博客,孩子很爱吃

  2. sankkooos
    Android Chrome 142.0.7444.173
    7 天前
    2026-1-31 21:46:37

    写的真不错! 加油博主

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
下一篇