建站历程

搭建一个网站真是劳民伤神呀,花了好多时间,特开此篇以记留恋

服务器

配置

最开始使用的是阿里云北京服务器,由于带宽太拉跨,故目前使用荷兰厂商liteserve的云服务器VPS,配置为2核,2G内存,40G存储,1G带宽,价格为5欧元/月,支持支付宝支付,该VPS分配1个ipv4公网地址和一个基本没有用的类似内网的ipv6地址。本人为服务器选择的镜像为CentOS 7.9

优化

开启443端口

有时服务器会伞兵,因此每次无论如何我都会开一次433端口。这样配置只是临时的,重启服务器会恢复到没有配置状态

/sbin/iptables -I INPUT -p tcp --dport 443 -j ACCEPT
/sbin/iptables -L -n
service iptables save

宝塔

安装

使用宝塔对服务器的诸多事项进行管理,对于CentOS系统,安装命令为

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

降级7.7

默认安装的是7.9版本,由于7.9版本有诸多对漏洞的修复,不利于科学使用,本人将之降级为7.7版本。安装好7.9后,再执行

wget http://download.bt.cn/install/update/LinuxPanel-7.7.0.zip
unzip LinuxPanel-7.7.0.zip
cd /root/panel
bash update.sh

优化

去除宝塔愚蠢的计算题和延迟等待

Layout_file="/www/server/panel/BTPanel/templates/default/layout.html";
JS_file="/www/server/panel/BTPanel/static/bt.js";
if [ `grep -c "<script src=\"/static/bt.js\"></script>" $Layout_file` -eq '0' ];then sed -i '/{% block scripts %} {% endblock %}/a <script src="/static/bt.js"></script>' $Layout_file; fi;
wget http://f.cccyun.cc/bt/bt.js -O $JS_file;
bt restart code block
var foo = 'bar';

关闭安全入口

rm -f /www/server/panel/data/admin_path.pl

插件开放

运行以下代码即可,该代码只对7.7版本有效,注意加入计划任务进行重复进程,因为宝塔后台有相关保护机制,建议每分钟执行一次

cd  /www/server/panel/data/ && sed 's/\"endtime\": -1/\"endtime\": 9999999999999/g' plugin.json > plugin1.json && cp -f plugin1.json plugin.json
rm -rf /www/server/panel/data/plugin.json
mv /www/server/panel/data/plugin1.json plugin.json

wordpress 配置

该网站使用 wordpress 搭建,现记配置如下

开头空两格

wordpress的文章或页面段落不能实现中文文章的默认开头空两格,参考该文章,在模板函数(function.php)的最后直接添加如下代码

    //文章首行缩进
function Bing_text_indent(text){return = str_replace('<p', '<p style="text-indent:2em;"',text);
    returnreturn;
}
add_filter('the_content','Bing_text_indent');

该方法虽然解决了开头空两格的困难,但是入文章的第一行代码也会开头空两格,因此正确的代码应该如下

//文章首行缩进
function Bing_text_indent(text){return = str_replace('<p>', '<p style="text-indent:2em">',text);
    returnreturn;
}
add_filter('the_content','Bing_text_indent');
成功解决了第一个难题 (ฅ´ω`ฅ)

图片自动居中

同上,依葫芦画瓢,加入以下代码即可

function Bing_img_indent(text){return = str_replace('<figure', '<figure align="center"',text);
    returnreturn;
}
add_filter('the_content','Bing_img_indent');

主题

经过千挑万选,最终敲定Argon作为博客的主题

这里仿佛轻描淡写,实则花费了最多时间

插件

  • Avatar Manager,修改后台头像
  • Imagify,自动压缩图片
  • Super Fast SEO,优化插件,优化站点速度
  • WP Githuber MD,使用markdown进行文章编辑
  • WP Statistics,统计网站的浏览数据
  • 谷歌字体与Gravatar头像加速,优化后台
  • WordPress 导入工具,优化站点用
  • Yoast SEO,增加搜索引擎抓取概率
  • Google XML Sitemaps,自动生成站点地图
  • 超级缓存,优化站点
  • XML Sitemap Generator for Google,自动生成站点地图
  • Link Manager,链接管理
  • Smush,自动压缩图片

页脚

在主题编辑器的主题页脚文件中(footer.php),定位到页脚代码,我将其修改如下

<p>
<a class="can_not_select" id="last_time_in_kaoyan"></a>
</p>
<style>
.can_not_select{
     -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}
</style>
<p>
        <a class="can_not_select">邮箱联系:</a>hty@hty.ink<a class="can_not_select">  </a><a class="can_not_select">微信联系:</a>DBY_HTY
</p>
<p>
    感谢<a href="https://github.com/solstice23/argon-theme" target="_blank" rel="noopener"> Argon </a>主题
</p>

字体

这个主题的部分字体太小,在自定义处增加额外CSS即可

ul {
font-size: 17px;
}
p {
font-size: 18px;
}

友链

在Wordpress后台左边栏的链接里面添加友链保存好,然后再新建一个页面加上以下代码即可。注意,由于嵌入文章有问题,这里我故意将第一个字母f改成F

[Friendlinks style="1" sort="link_id"/]

邮件回复

插件Super Fast SEO中设置邮箱的相关参数即可

国内访问

微信

新申请的非cn后缀的域名通常在微信是被屏蔽的,正经申请恢复客户几乎不会理你,即使你备案过。最好的方法是到微信开放社区直接发帖询问,处理效果最快最好

备案

由于本人最开始的服务器是国内服务器,需要走备案流程,共耗费2周左右时间对域名备案成功

DNS加速

目前使用国外服务器,虽然ip没有被墙,但是访问速度依然较慢,因此使用cloudflare进行DNS加速

评论

  1. 匿名
    已编辑
    10月前
    2021-10-23 23:42:32

    大佬太强了,在贴吧看见你的博客,结果回头就在 wordpress 插件商店中看见你

  2. 匿名
    10月前
    2021-10-23 23:51:29

    学长,我想问一下,您是怎么建的站呢,我是wordpress和宝塔建的,才开始学,但是我不想依赖wordpress,插件牵扯到更新和兼容问题。您有什么建议吗

    • dubianyao 博主
      10月前
      2021-10-24 19:22:14

      我认为这样就足够了,我只是想建个网站抒发内心心情,分享趣事。弄得太复杂不好,浪费时间,而且我不是从事这个专业的,我是土木工程的,没必要在建站这里浪费时间

      • 小白同学
        10月前
        2021-10-25 9:25:08

        那您是用还是做的网站呢?我就是想了解一下,⌇●﹏●⌇

        • 渡辺曜
          已编辑
          10月前
          2021-10-25 16:14:53

          懒得登客户端了,这是博主
          用的,会做,懒得做,css太难弄了
          之前做过几个,太丑了,还有点浪费时间
          有这做前端的时间我不如好好弹琴
          现在后端都跑去做前端不无道理,因为前端真的难
          在美术上

发送评论 编辑评论


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