2020年11月

前言

用手机搭建hexo博客，不需要服务器域名

安装

[tabs]
[tab-pane label="安装heoxo"]

  • 安装Termux终端
  • 打开Termux，出现installing请等待或使用梯子加快速度
  • 依次执行命令pkg install coreutils //安装coreutils软件包
  • pkg install git //安装git
  • pkg install nodejs //安装node.js
  • 由于官方npm镜像在国内会卡，所以使用淘宝镜像
  • npm config set registry https://registry.npm.taobao.org
  • 继续依次执行命令npm install hexo-cli -g //安装hexo
  • mkdir hexo //创建一个hexo的文件夹
  • cd hexo //打开hexo文件夹
  • hexo init //初始化hexo
  • 输入hexo g 部署静态文件,输入hexo s运行本地程序会有本地地址出来复制在浏览器就可以看到自己的博客啦
    [/tab-pane]

[tab-pane label="部署gitee上"]

  • 新建一个仓库（最好为自己的用户），先不要初始化
  • Termux终端内输入 pkg install openssh//安装ssh
  • 设置用户和邮箱
  • git config --global user.name "Yh."
  • git config --global user.email "741937692@qq.com"`
  • 生成密钥
    ssh-keygen -t rsa -C "741937692@qq.com"
  • 生成的时候会让你输入id就是文件名，直接回车，然后会让你输入密码可以不输入直接回车（这里如果你输入密码他是不会显示在屏幕的直接输入回车在输入回车就行）
  • 然后在/data/data/com.termux/home/，用mt管理器打开显示隐藏文件，会有ssh文件的，里面pub后缀的就是密钥文件，复制里面的内容，
  • 打开gitee的设置里面的ssh公钥将密钥添加
  • 用mt管理器打开hexo文件夹里面有一个hexo的配置文件修改
  • 打开gitee创建的仓库设置中有一个初始化，初始化仓库
  • Termux终端 npm install hexo-deployer-git --save //安装这个才能推送
  • Termux终端 hexo cl //清楚缓存
  • hexo g //部署静态文件
  • hexo d //推送到gitee
  • 打开gitee，page服务正更新服务上方会有gitee给你的网址访问即可
    [/tab-pane]

[/tabs]

前言

比较喜欢摄影吧这能说比较自己拍的也比较烂哈哈，所以找了一独立页面放照片

演示

https://blog.hrlni.cn/index.php/26.html

项目

https://github.com/616620131/Multiverse-page-typecho

优点

流畅的运行
体验单页模板
可与主题共存
后台编辑简单
公共资源全球CDN加速
支持缩略图云处理
由HTML5UP设计前端
两种可选样式

安装

将photo-page-for-typecho文件夹内的.php文件上传至你所使用的主题根目录（可选两种模板），如默认主题路径/usr/themes/default，然后在typecho后台创建空白单页，根据你所上传的文件，将模板选择Multiverse风格照片集或Lens风格照片集。鉴于GoogleFont服务在国内完全正常使用，暂不使用第三方镜像加速。
注：你无需下载master下的所有文件，静态文件均采用了jsDelivr公共CDN加速；强烈建议使用对象存储保存照片，以便程序自动调用图片云处理功能。
[alt type="info"]只需将压缩包的php文件上传到主题的根目录，然后后台创建独立页面即可[/alt]

调用格式

picture1,2020年01月01日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg
picture2,2020年01月02日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg
picture3,2020年01月03日拍摄,https://ww2.sinaimg.cn/large/006uAlqKgy1fzlbjrxju2j31400u04qz.jpg

插件链接

https://github.com/ylqjgm/LoveKKComment

模版

下载安装后，插件theme目录下有三个模版，自己进行修改就可以

模版变量

{card-default width="100%" label="approved.html"}{blogUrl}：博客地址
{blogName}：博客名称
{author}：评论者名称
{permalink}：文章链接
{title}：文章标题
{text}：评论内容{/card-default}
{card-default width="100%" label="author.html"}author.html内变量与approved.html内变量一致。{/card-default}
{card-default width="100%" label="reply.html"}{blogUrl}：博客地址
{blogName}：博客名称
{author}：被回复者名称
{permalink}：文章链接
{title}：文章标题
{text}：被回复者评论内容
{replyAuthor}：回复者名称
{replyText}：回复内容
{/card-default}

模版美化

演示

邮件模板

代码


 <div style="background: white;
      width: 95%;
      max-width: 800px;
      margin: auto auto;
      border-radius: 5px;
      border:orange 1px solid;
      overflow: hidden;
      -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);">
        <header style="overflow: hidden;">
            <img style="width:100%;z-index: 666;" src="https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.4/img/other/head.jpg">
        </header>
        <div style="padding: 5px 20px;">
        <p style="position: relative;
        color: white;
        float: left;
        z-index: 999;
        background: #4e7cf2;
        padding: 5px 30px;
        margin: -25px auto 0 ;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.30)">Dear&nbsp;{author}</p>
        <br>
        <h3>您有一条来自<a style="text-decoration: none;color: #4e7cf2 " target="_blank" href="' . home_url() . '/">{blogName}</a>的回复</h3>
        <br>
        <p style="font-size: 14px;">您在文章《{title}》上发表的评论：</p>
        <p style="border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eee;margin:15px 0px;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px">{text}</p>
        <p style="font-size: 14px;">{replyAuthor}给您的回复如下：</p>
        <p style="border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eee;margin:15px 0px;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px">{replyText}</p>
      <div style="text-align: center;">
          <img src="https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.4/img/other/hr.png" alt="hr" style="width:100%;
                                                                                                  margin:5px auto 5px auto;
                                                                                                  display: block;">
          <a style="text-transform: uppercase;
                      text-decoration: none;
                      font-size: 14px;
                      border: 2px solid #6c7575;
                      color: #2f3333;
                      padding: 10px;
                      display: inline-block;
                      margin: 10px auto 0; " target="_blank" href="{permalink}">点击查看回复的完整內容</a>
      </div>
        <p style="font-size: 12px;text-align: center;color: #999;">本邮件为系统自动发出，请勿直接回复<br>
        &copy; {blogName}</p>
      </div>
    </div>

美化后的插件

https://hrlni.lanzous.com/ibVGWjexuij
这个评论审核通过的通知不起作用，有能力的大佬修复一下

  1. 1
  2. 2
  3. 3
  4. 4