0%

建站档案--站点功能及规划

一、 当前版本及特性

(一)Version Least 特性

1.1 已完成并部署上线

  • 站点美化:布局、图标等。
  • 文章底部原创版权协议及 RSS 订阅等。
  • Valine评论系统运行,取消不必要站点位置的评论区。
  • TiDio在线联系功能;
  • 曲线救国,Daovoice作为备用联系方式。
  • 右侧信息栏及社交图标链接美化及正常圆形。
  • 看板娘双人组合。
  • 菜单重新规划,标签分类定式,文章时间轴归档。
  • 站点背景与文章区域设定,不同文章首页划分。
  • 页面加载动画与页面阅读进度条设置,页面浮动进度按钮操作与百分比显示。
  • 移动端文章面板扩展,收缩边距留白,显示看板娘及站点信息。
  • 文章链接持久化,站点地址摒除“年/月/日+文章标题”形式,采用 “web site:+abbrlink” 实现;abbrlink 为文章站点链接,降低链接深度,优化SEO。
  • 3D 网型动态背景。
  • 图片灯箱。
  • 搞怪页面标题。
  • 站内内容搜索。
  • HTML、CSS 等压缩。
  • 文章字数统计、阅读时长估计等功能。
  • 双平台:国外服务器 Github、国内服务器 Coding 托管部署。
  • 个人服务器部署成功。
  • 插入视频外链、通过控制台自定义页面样式。
  • 站点域名收录与 SEO 优化,已开启自动推送百度功能。
  • 地图。
  • 置顶功能;
  • 文章显示优化;
  • 自定义全站404页面;
  • 网易云外链,支持云端增删实时更新歌单(缺点:版权…无版权歌曲不能播放)
  • Google AdSense广告单元投放。
  • 其他。

1.2 功能已实现但存在冲突等无法部署

  1. 在线联系作者功能:已完成 DaoVoice 的基本配置,本地调试可运行;问题:部署上线后文章内容解析失败,空白。曲线救国,直链访问。
  2. 右侧浮动版”最新文章”功能已完成逻辑设定,但界面布局冲突无法显示。
  3. 文章底部同类、近类文章推荐功能完成逻辑设定,界面冲突无法显示。
  4. 图像懒加载功能,没有阅读到的页面内图像不加载,未来得及加载图像用本地加载图像暂时代替:部署后没有测试出未来得及 Loading 而后使用本地图像的效果。
  5. 文章的本地图像载入站点显示功能,本地可视站点无图。
  6. 百度子站点尚未收录。
  7. 置顶功能加入,但没有置顶效果。

(二)Version Least 后续版本改进及长远目标

  • 修正前一版本错误问题并部署上线。–>==持续==
  • Live2D 看板娘互动:聊天、换装等。==完成==
  • 文章增添、分类、优化与更新。==完成==
  • 性能优化:CDN 加速、使用已有图床或自建图床提高图像加载速度等;
  • 多平台适配与优化。
  • 脱离新文章重部署,后台自动化添加式发布新文章(脚本与容器等部署实现)。
  • 上线到个人服务器,实现多人协作创作,并后台数据管理与加密。
  • 动态渲染与静态框架结合,实现反爬虫,保护平台文章隐私;
  • 多平台产品归档。
  • 打造平台交流系统与引流。
  • 界面自动化定制。
  • 文章更新正常。

二、 版本更迭

日期事件备注
2020年7月31日1.28日收到Google AdSense右键回复,申请广告通过;
2.部署广告于评论后,位置:next\layout_partials\comments.swig;
3.完成GNSS处理软件系统开发,准备投放到网页。
2020年6月21日Coding彻底靠不住了……服务器崩盘;
将CNAME转到Github pages,并在source文件夹下添加CNAME文件,
里面写入域名,解决每次deploy都需要重新设置域名的问题。
2020年6月16日1.添加valine评论的第三方邮件提醒功能;
2.定时唤醒LeanCloud 容器,防止强制性休眠无法使用邮件通知功能;
3.评论区及底栏美化;
部署
评论测试
最终结果
后台日志通知
2020年6月3日1.晚上发现Coding的服务器炸了,好像是因为Coding与
cloud Studio要整合的影响,暂且将域名指向Github Pages;
2.增添了Gitee的部署,网站地址扩展到:ballot_box_with_check:ganahe.gitee.io
3.百度是抽筋还是咋的….收录了又删,Google,bing都收录了且很稳定,就连
360都挺正常
tUa3NT.png
2020年5月20日1.360站点head文件标签验证与sitemap提交;
2.创建360自动推送代码:在themes\next\layout_third-party路径
添加360-push.swig文件,文件内代码见附录;同时在
同路径index.swig引入 [参考文件内的baidu_push.swig]。
3.垃圾搜狗无法通过head标签成功验证,HTML方式又会被渲染,
放弃了,流量也少。
4.百度终于又收录首页了,难得。目前为止Google已经收录40条,
其他都是半死不活怎么回事。
5.加入404.html自定义画面,随意输入站内不存在的内容显示如下:
2020年5月19日1.360已收录首页;
2.手动提交bing站点链接;
3.百度仍然没有动静;
4.谷歌反链有8000万+;
5.添加关键词操作:在首页模板文件添加附录代码即可(注意需要尖括号),
首页模板文件路径如下:themes\next\layout_partial\head.swig
2020年5月14日1.添加网页关键词;
2.提交bing收录;
3.修改robots;
4.于next主题的layout/_macro/sidebar.swig
添加网易云播放外链,并自定义配置开关。注意:
由于版权问题,部分歌曲无法播放,需及时剔除。
2020年5月13日1.修改themes\next\layout_third-party\baidu_push.swig为百度提供的代码;
2.修改node_modules/hexo-generator-index/lib/generator.js下
的置顶代码,解决置顶无效问题;代码参照附录
3.修改文章信息(置顶、时间、字数等)为彩色样式;
4.网站底部增加一言API。
2020年5月10日1.网站已提交至Google;
2.百度及谷歌认证更改为head头认证;
2.页面风格大更改;
更改后的主页
2020年4月24日大神的Live2D还在,貌似API指向迁移了。
2020年4月23日修复map地图小bug,“点位”获取与图标更改;
添加比例尺。
2020年4月23日1.更新五篇文章;
2.大神的Live2D 失效…API问题?
2020年4月21日1.插入robots.txt百度爬虫文件;
2.自定义HTML文件,插入菜单栏,不用md文件去
渲染,插入为地图网页。
2020年4月17日今天百度站点找不到网站了….
参考文章做了个python自动推送脚本,
添加推送测试。
疑惑.jpg
2020年4月16日1.这是咋了???!!!
缺...
痛定思痛,Valine评论无法显示等问题让Blog运行太难受了,
使用Tidio回复有时候自己都进不了后台???
ChatVoice会挤占页面….
更新Hexo从头再来!
2.发现:双门神似乎源于Next7.x版本自带;
3.clone最新Next7.8主题,并恢复配置,评论功能已经恢复,
同时站点运行时间正式加入,取消粒子时钟。
2020年4月14日1.粒子时钟添加成功,就是位置与预想位置有所差别…
粒子时钟
2.Valine评论系统还是没恢复,在帮助访友
部署Hexo到服务器时,Tidio反应太慢甚至无法登录!
2020年4月9日今天检测百度收录情况:通过!
子站链接还没推送,在测试时发现CSDN的SEO也太强了,
我自己的文章在其他作者下都有推荐。
2020年4月3日1.修改分类样式;
2.取消侧边栏自动文章章节计数,自己添加。
3.完善百度SEO;
4.首页背景框修改为单独样式;
5.样式从_custom/custom迁移到_data/styles.styl;
6.修改页边距及手机端适配:
next/source/css/_schemes/Muse/_layout.styl,
选用自己在用的主题即可;
7.F12美化,置顶文字样式出现,但置顶未生效。

8.外链视频添加方式:哔哩哔哩:
2020年3月31日1.百度站点提交链接并CNAME验证成功;
2.F12魔改界面;
3.尚未找到Valine消失的原因。
加载Valine
控制台程序
报错
2020年3月30日主体界面微调;更改背景
2020年3月29日修复侧边栏显示问题、修复因更新公钥
引起的Coding部署失败问题。
2020年3月28日成功部署到个人服务器
2020年3月26日1. 找到了自定义美化Hexo博客的办法;
2.找到了Valine增强版,但都不起效,发现
valine.min.js或是av.min.js出错;
3.害人不浅的教程让我服务器无法
被远端管理工具连接,我的文章和安排
耽搁了好久….下定决心重装系统回来了..
4. 双看板娘依旧在,valine的归来却遥遥无期;
5.测试了PDF的显示,结果不是太好:

(1)显示效果不佳,只有一小块阅读区域;
(2)太开放了。
2020年3月19日部署到
个人服
务器失
败,有个
教程建议
reboot服
务器,现
在连不上
服务器了……
2020年3月17日1. Live2D 模块更新,可以说话啦~
2. DaoVoice 优化展示;
3. 加入 Pjax 加速。
Live2D
的API
需要自建
2020年3月16日1. 完善基本功能与页面优化、美化,
加入文章与联系方式等功能模块;
2. 解决 DaoVoice 插入布局造成文
章内容空白的问题,采用 Tidio 替
代,DaoVoice 直接使用链接作为备
用联系方式。
3.菜单栏加入建站档案。
2020年3月15日加入Live2D、Valine评论功能等优化效果
2020年3月14日综合各因素选择建站框架并初步建立
可运行的静态博客网站。

三、 附录代码

  1. 360自动推送代码

    1
    2
    3
    4
    5
    6
    7
    8
    {%- if theme.360_push %}
    <script>
    (function(){
    var src = "https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba";
    document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
    </script>
    {%- endif %}
  2. 关键词添加代码

    1
    2
    3
    4
    5
    6
    7
    {% if page.keywords and page.keywords.length %} 
    <meta name="keywords" content="{% for key in page.keywords %}{{ key }},{% endfor %}" />
    {% elif page.tags and page.tags.length %}
    <meta name="keywords" content="{% for tag in page.tags %}{{ tag.name }},{% endfor %}" />
    {% elif theme.keywords %}
    <meta name="keywords" content="{{ theme.keywords }}" />
    {% endif %}

    以上代码实现了自动按照文章标签作为文章关键词,网站关键词另设。关键词位置为主题的配置_config.xml文件。或是在头部直接添加:

    1
    <meta name="keywords" content="{{ theme.keywords }}">
  1. top置顶代码

    直接替换:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    'use strict';
    var pagination = require('hexo-pagination');
    module.exports = function(locals){
    var config = this.config;
    var posts = locals.posts;
    posts.data = posts.data.sort(function(a, b) {
    if(a.top && b.top) { // 两篇文章top都有定义
    if(a.top == b.top) return b.date - a.date; // 若top值一样则按照文章日期降序排
    else return b.top - a.top; // 否则按照top值降序排
    }
    else if(a.top && !b.top) { // 以下是只有一篇文章top有定义,那么将有top的排在前面
    return -1;
    }
    else if(!a.top && b.top) {
    return 1;
    }
    else return b.date - a.date; // 都没定义按照文章日期降序排
    });
    var paginationDir = config.pagination_dir || 'page';
    return pagination('', posts, {
    perPage: config.index_generator.per_page,
    layout: ['index', 'archive'],
    format: paginationDir + '/%d/',
    data: {
    __index: true
    }
    });
    };
  1. 待补充

四、建站参考文章

【1】Hexo博客进阶:为Next主题添加Valine评论系统

【2】hexo4.0 - Next7.2.4 主题优化配置

【3】Hexo高级SEO优化

【4】Hexo+NexT(v7.0+) 搭建博客:主题美化等系列

【5】Hexo NexT主题中添加网页标题崩溃欺骗搞怪特效

【6】必备免费在线客服工具 tidiochat

【7】大神 Live2D 进阶版 Github 地址及相应的 API 自建等

【8】目前最秀的Hexo博客

【9】使用F12个人定制博客样式!

【10】Valine评论系统样式魔改与功能增强

【11】炫酷网站,有小埋Live2D、控制台保密等

【12】添加valine的评论邮件通知与休眠措施

五、 平台支持

  1. Github
  2. Coding
  3. LearnCloud
  4. DaoVoice
  5. TiDio
  6. 路过图床