搭建博客中遇到的一些问题

用 wordpress 建立个人博客

这次装博客系统真的给我整无语了!!!!!!!

在阿里云里的教程按照中进行

wget https://cn.wordpress.org/latest-zh_CN.tar.gz
tar -zxvf latest-zh_CN.tar.gz
mkdir /var/www/html/wp-blog
mv wordpress/* /var/www/html/wp-blog/
cat -n /var/www/html/wp-blog/wp-config-sample.php
# 进入WordPress目录
cd /var/www/html/wp-blog/
# 复制模板文件为配置文件
cp wp-config-sample.php wp-config.php  
# database_name_here为数据库名称
sed -i 's/database_name_here/wordpress/' /var/www/html/wp-blog/wp-config.php
# username_here为数据库的用户名
sed -i 's/username_here/root/' /var/www/html/wp-blog/wp-config.php
# password_here为数据库的登录密码
sed -i 's/password_here/NewPassWord1./' /var/www/html/wp-blog/wp-config.php
systemctl start httpd
#访问进行wordpress的安装
http://<ECS公网IP>/wp-blog/wp-admin/install.php
#访问进行配置
http://<ECS公网IP>/wp-blog/wp-admin/index.php

问题:

image-20220512131958561

方法一:

image-20220512132018186

方法二:

# 首先进入WordPress主题目录
cd /var/www/html/wp-blog/wp-content/themes/
# 使用wget命令下载上一步选择的主题
wget https://github.com/solstice23/argon-theme/releases/download/v1.3.5/argon.zip
# 使用unzip命令解压安装包
unzip argon.zip
# 查看所有主题
ll

返回Wordpress管理控制台,进入主题页,可以看到Markiter主题已经安装完成。

image-20220512133316622

添加自定义小组件

  1. 连接ECS服务器。

  2. 执行以下命令,编辑博客主题的页脚文件footer.php(需要改成上一步启用的主题名)。

vim /var/www/html/wp-blog/wp-content/themes/markiter/footer.php
  1. 在文件标签前面加入以下代码,点击i进行编辑。编辑好后按ESC退出并输入:wq进行保存退出。
<script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
    L2Dwidget.init();
</script>
  1. 浏览器访问http://<ECS公网IP>/wp-blog/,进入博客首页查看组件效果。

img

  1. 至此,界面设置全部完成。

安装MarkDown插件

WordPress安装插件的方式和安装主题的方式比较类似,都分为在线安装和离线安装。本步骤主要介绍离线安装。

  1. 连接ECS服务器。

  2. 执行以下命令,进入wordpress插件目录。

cd /var/www/html/wp-blog/wp-content/plugins/
  1. 执行以下命令,下载MarkDown插件。
wget https://downloads.wordpress.org/plugin/wp-editormd.10.1.2.zip
  1. 下载完成后,执行以下命令,解压安装包。
unzip wp-editormd.10.1.2.zip
  1. 返回WordPress管理控制台,然后依次单击插件>已安装的插件

img

  1. 单击启用,启用MarkDown插件。

img

编辑器效果如下。

img

  1. 至此,MarkDown插件安装完成。更多插件请访问https://cn.wordpress.org/plugins/查看。

可选)配置wordpress域名

  1. 配置Apache服务器访问地址。

    a. 连接ECS服务器。

    b. 执行以下命令,编辑Apache配置文件。

vim /etc/httpd/conf/httpd.conf

c. 输入i进入编辑模式。

d. 修改服务器默认访问路径。默认访问路径为/var/www/html/。这里我们修改为WordPress项目路径/var/www/html/wp-blog/。

DocumentRoot "/var/www/html/wp-blog/"

<Directory "/var/www/html/wp-blog/">
    #
    # Possible values for the Options directive are "None", "All",
    # or any combination of:
    #   Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
    #
    # Note that "MultiViews" must be named *explicitly* --- "Options All"
    # doesn't give it to you.
    #
    # The Options directive is both complicated and important.  Please see
    # http://httpd.apache.org/docs/2.4/mod/core.html#options
    # for more information.
    #
    Options Indexes FollowSymLinks
    #
    # AllowOverride controls what directives may be placed in .htaccess files.
    # It can be "All", "None", or any combination of the keywords:
    #   Options FileInfo AuthConfig Limit
    #
    AllowOverride None

    #
    # Controls who can get stuff from this server.
    #
    Require all granted
</Directory>

修改后的文件如下所示。

img

e. 按Esc键退出编辑模式,输入:wq保存退出。

  1. 登录WordPress管理控制台,单击设置进入WordPress设置界面。

img

  1. 在设置界面中,修改WordPress地址(URL)和站点地址(URL)为您注册的域名。

img

  1. 修改完成后单击保存。

  2. 至此,一套完整的WordPress博客系统就搭建完成了。

img

实际操作中出现的问题

image-20220512185600564

csdn给出了这样的解决方法

image-20220512185611486

然后又出现了这样的错误

image-20220512190711417

查找资料:

关于apach centos7怎么安装apache-Apache-PHP中文网

发现环境没有装好,第一次搭建博客其实还顶得住,继续搭建环境

云服务器 手动搭建 LAMP 环境-最佳实践-文档中心-腾讯云-腾讯云 (tencent.com)

image-20220512193034944

最终LNMP+宝塔+wordpress

多番倒腾以后还不行,没办法只能重新安装了个宝塔系统。。。。

image-20220512201116961

按照(86条消息) 宝塔wordpress安装及使用(宝塔wordpress建站教程)_neo_will_mvp的博客-CSDN博客很快就做出来了。
搭建完博客以后还是遇到了以下小问题,在这里说明一下,搭建完博客以后安装了一款插件 WP Editor.MD,然后设置完发现如果优先调用Argon的设置,则文章目录不显示,如果优先调用插件的设置,则代码块样式会少很多,不会有文章这么漂亮的代码块,两款插件存在一定的排斥,可能是版本不兼容。所以我最后安装了WP Githuber MD这款插件,如果你是新手尽量不要调整插件中自己不熟悉且与主题冲突的功能,正常使用即可。
值得一提的是,我之前在一通瞎操作后,网页前端页面出现了报错,就很离谱,我将wordpress删掉以后重新安装,重新安装纯洁的Argon主题(就是github上下载的)后问题得到了很好的解决,不用担心设置掉了,数据在数据库内都有存储,按上面说的操作就可以完全还原之前的页面并去除报错,如果该方法失效就得另找其他方法了。

主题选用的是 solstice23 所写的 Argon

暂无评论

发送评论 编辑评论


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