建站日志

记录博客网站历程,展示一些更新的时间点

之前使用的是 Typecho 搭建的站点,运行应该也有两年余,现已更换至 Vuepress ,将这段内容复制过来权当留个纪念吧

点击查看旧站记录

有些问题忘记了。。。 本站主题同步更新在 Lovem主题develop分支open in new window 目录插件github master 分支open in new window


安装并运行

  1. php 文件无法解析 Nginx 配置里面 对应更改 $document_root 具体配置在下方
  2. PHP 安装 MySQL 扩展 --> 安装完后在进行配置的时候才有数据库选择项
  3. 给 typecho 分配的数据库用户名和密码配置好,分配的数据库配置好,并将数据库的所有权限给这个用户,确保数据库处在可连接状态
  4. 接下来的都是按步骤操作,完成后,博客页面可以进入,后台界面一直是点击登录后没反应,更改 Nginx 配置后修复
  5. 解决首页文章点击后无法进入文章详情页: fastcgi_split_path_info ^(.+?.php)(/.*)$;
    server {
        listen       80;
        server_name blog.lovem.fun;
        charset utf-8;
        access_log  logs/blog_lovem_fun.access.log;
        error_log   logs/blog_lovem_fun.error.log;
        index index.php index.html index.htm;
        root /usr/local/nginx/html/blog;

        location / {
            try_files $uri $uri/ /index.php;
            root   /usr/local/nginx/html/blog/;
            index  index.php index.html index.htm;
        }

        if (!-e $request_filename) {
            rewrite ^(.*)$ /index.php$1 last;
        }

        location ~ .*\.php(\/.*)*$ {

            root           /usr/local/nginx/html/blog/;

            fastcgi_pass   127.0.0.1:9000;

            fastcgi_index  index.php;

            fastcgi_split_path_info ^(.+?.php)(/.*)$;

            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

            include        fastcgi_params;
        }
    }

换了个代码高亮

  • Header.php 中添加 css cdn

    <link rel="stylesheet" href="//cdn.bootcss.com/highlight.js/9.12.0/styles/paraiso-dark.min.css">
    
  • Footer.php 中添加 js

    <script src="//cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad()</script>
    

网站背景换成暗色调

白色的背景太刺眼了,最近用的一款 markdown 编辑器的暗色背景很舒服,就借鉴着改了改 style.css 里面的颜色和部分样式 由于今天做的改变比较多,所以索性复制了一份默认主题,并在上面进行我的修改,这样就不会影响默认主题的效果了

添加畅言评论

按照官方步骤一步步加的,没什么难度,完事后改了一点样式来适配,就是畅言的邮件推送好像不好用。。。

删除畅言评论

有广告,很烦,暗色调的兼容还不好,感觉体验一般,去掉之后计划对原生评论进行样式优化使用

修改目录插件 2019.08.02

根据之前那位同学的悬浮插件改成自己想要的效果,固定在侧边栏,点击箭头可以展开或收起,更加方便和易于使用了

添加链接跳转新窗口 2019.08.13

细节比较长,索性写了个 Typecho 中文章和评论的链接改为新窗口打开open in new window 的文章,希望可以帮助到需要的人

添加文章热度统计插件 2019.08.14

Typecho文章浏览次数统计插件ViewsCounteropen in new window

添加B站追番列表(只显示第一页)2019.08.20

B站追番列表open in new window

添加网站评论邮件通知 2020.02.03

使用了别人的插件,配置简单,效果强大 Comment2Mailopen in new window

扩展主题配置参数,增加追番列表cookie参数设置 2020.03.11

这个cookie的值的作用是为了拿到观看进度,还是挺好玩的,经过一番努力,终于是让我找到办法在后台增加一个表单项,这样cookie过期的话就不用重新改代码来更新了,附上详细内容 主题参数扩展和使用open in new window

全站升级 https 2021.01.15

把全站都升级了 https ,看网站的时候可以不用看到 【不安全】的提示了,泪目,详情请查看 给网站增加 SSL 证书open in new window

2021.05.04 网站整合

出于对服务器资源的考虑,将现有博客相关网站进行整合,减少以后的维护压力。现博客基于 vuepress ,使用 vuepress-theme-hopeopen in new window 的博客主题。

2021.06.25 接入 waline 评论

还是有评论好些

2021.07.12 关于中文路径

在开发环境中,中文路径在控制台会打印 warning 的报错,不影响运行,但是一次打印很多也很难受,目前没有找到合适的解决办法,线上环境不会打印,害先这样吧

2021.07.14 使用脚本生成侧边栏配置

编写 node 脚本生成侧边栏配置,省去手动添加的麻烦,主要总是忘记手动添加,缺点是后续编译中终端没有高亮了,而且提取出的文章顺序也有点奇怪,不过还好了,侧边栏有就够了,顺序并不重要,反正有标题呢都

2022.03.18 使用 Vuepress2,自定义主题

最近换了电脑,不知道是芯片的原因还是啥,之前的npm死活起不了项目,一直卡住也不报错,之前用的 hope 主题也出 v2 版了,看了下要改得东西还挺多的,想了下干脆自己弄算了,在默认主题的基础上改改就可以用了,自己用到的能力不多,先整个简约版的,再慢慢优化。现在构建基于 vite ,热更新或者编译都特别快,体验还是不错的。

MIT Licensed | Copyright © 2017-present 进击的学霸, 自豪的使用 七牛云,已加入十年之约