从零开始搭建属于自己的博客系列教程三 -- 主题选择与CommentToMail插件介绍

从零开始搭建属于自己的博客系列教程五 -- 图床选择与博客迁移

1. 写在最前面

折腾了整整一个五一，总算是完成了自己的博客系统。为了给想要搭建自己的博客，但是又和我一样是技术小白的人铺点路，所以准备开个博客搭建的系列教程，避免后来人像我一样走了一大堆弯路。

先贴上自己的博客网站：https://www.ravenxrz.ink

系列教程目录：

• 从零开始搭建属于自己的博客系列教程零 -- 绪论
• 从零开始搭建属于自己的博客系列教程一 -- 博客系统搭建
• 从零开始搭建属于自己的博客系列教程二 -- 域名绑定
• 从零开始搭建属于自己的博客系列教程三 -- 主题选择与CommentToMail插件介绍
• 从零开始搭建属于自己的博客系列教程四 -- 去掉烦人的index.php后缀与常用插件介绍
• 从零开始搭建属于自己的博客系列教程五 -- 图床选择与博客迁移
• 从零开始搭建属于自己的博客系列教程六 -- 博客系统备份
• 从零开始搭建属于自己的博客系列教程七 -- 开启全站HTTPS

2. 主题选择

2.1 主题选择

typecho不像wordpress支持在线安装主题，但是手动安装方法也很简单。下面这里以我安装的主题为例，特别感谢作者将主题开源，介绍两种方法

再给一个typecho主题站：https://typecho.me/

2.1.1 Git 方式

很多个人主题开发者都对其主题进行了开源，可以在从Github上clone下来，这样更新就很方便了（git pull就行）。

具体的安装方法如下：

• 找到开源地址，https://github.com/Siphils/Typecho-Theme-Aria.git
• 进入typecho安装目录下的usr/themes
  • cd /home/wwwroot/default/usr/themes
• 执行 git clone https://github.com/Siphils/Typecho-Theme-Aria.git
• 打开的博客后台控制面板，进入主题然后开启即可。
• 

  image

2.1.2 下载安装包的方式

安装方式如下：

• 找到下载链接：https://codeload.github.com/Siphils/Typecho-Theme-Aria/zip/master
• 进入typecho安装目录下的usr/themes
  • cd /home/wwwroot/default/usr/themes
• 执行 wget https://codeload.github.com/Siphils/Typecho-Theme-Aria/zip/master
• 解压对应压缩包 unzip xxx.zip。没有unzip命令，请自行安装。
• 有些包可能需要更改名字，看作者说明。
• 打开的博客后台控制面板，进入主题然后开启即可。

3. CommentToMail插件介绍

3.1 CommentToMail 安装与设置

通过主题安装，你已经有自己喜欢的主题了。

现在想象一个场景，somebody想要给你的博文加点评论，但是你的网站可不能像、csdn一样给你推送，你回信后也没办法通知对方。那么该怎么样才能让双方都得到及时的通知呢? 好在有大佬开发了·CommentToMail`插件，这个插件通过邮件通知双方。

网上普遍流行的CommentToMail配置上分两步，一个是CommentToMail自己插件的配置，如SMTP配置，另一个是定时检索评论并发送邮件。这样有点繁琐，涉及到crontab设置。好在有篇博客（实在找不到那篇博文了，没办法贴出链接）给出了一个集成的插件:https://www.moerats.com/usr/down/CommentToMail-2.1.0.zip

安装方法和主题安装方法一样，只不过需要进入usr/plugins目录下安装，然后在控制面板开启即可。现在讲讲一些设置:

image

进入QQ邮箱设置，账户设置:

image

会提示你发送短信，发送短信后会得到一串密码，然后复制到上上图中去。注意其中标注的框就好了。

最后就是自己测试一下咯。

3.2 CommentToMail界面优化

如果你对发送与接收的邮件中的界面感觉到不足，可对其进行优化。感谢左岸提供的模板。

自己接收到的效果图如下:

image

更改CommentToMail设置中的owner.html

image

代码：

    

    

        
> 您的文章《{title}》有了新的回复耶~
        

        
时间：{time}
 
            
{author} 给您的评论：
            
{text}
            
其他信息：
            
IP：{ip}
邮箱：{mail}
状态：{status} [管理评论]
        
    
    查看回复的完整內容
    

        
©2017-2019 Copyright {author}
    

再来看接收方的效果图

image

更改guest.html文件

    

    
Dear: {author_p}
    
  
        
> 您在《{title}》的评论有了新的回复呐~
  
        
  
            
时间：{time}
          
            
您的评论：
  
            
{text_p}
  
            
{author} 给您的回复：
  
            
{text}
  
        
  
    
    

        
萤火虫消失之后，那光的轨迹仍久久地印在我的脑际。那微弱浅淡的光点，仿佛迷失方向的魂灵，在漆黑厚重的夜幕中彷徨。——《挪威的森林》村上村树
    
    查看回复的完整內容
    

        
本邮件为系统自动发送，请勿直接回复~
    
    

        
©2017-2019 Copyright {author}
    

由于我在使用的时候，接收方不会受到邮件，经过反复排查，发现中间Dear xxx有问题，所以将其删除，最后得到可用的代码如下:

    


  
        
        
> 您({author_p})在《{title}》的评论有了新的回复
  
        
  
            
时间：{time}
  
          
            
你的评论：
  
            
{text_p}
  
            
{author} 回复说：
  
            
{text}
  
               
             
您可以点击 查看回复的完整內容 ，本邮件为自动发送，请勿回信，如有疑问，请联系我[email protected]，欢迎再次光临 Raven's Blog 。
  

        
©2019 Copyright {author}
        
  
    

OK,这篇博文就这样了。

参考

推荐一款 CommentToMail 邮件插件的模板