御坂网站建设历史(ing)

2020年2月27日 GitHub+hexo搭建静态博客

为逃避国内和谐,使用hexo搭建静态博客,简化维护,便于上传文章。GitHub成为博客数据中心。

9月26日

  • 利用coding的ci自动集成部署实现hexo博客的云端编译自动化。将原本部署在surface上面的hexo源码上传到coding仓库中,利用持续集成部署Jenkinsfile编辑以下脚本内容

    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
    29
    30
    31
    32
    33
    34
    35
    36
    pipeline {
    agent any
    stages {
    stage('构建') {
    steps {
    echo '构建中...'
    sh 'go version'
    sh 'node -v'
    sh 'git clone https://XXX:YYY@e.coding.net/项目名称.git .' //XXX是coding免密访问用户名,YYY是免密秘钥,在hexo中的git内容中也需要配置
    sh 'ls -a'
    sh 'npm install -g hexo-cli'
    sh 'npm install hexo --save' //hexo依赖
    sh 'npm install hexo-generator-archive --save' //坚持安装其他依赖
    sh 'npm install hexo-generator-sitemap' //站点优化seo依赖
    sh 'npm install hexo-generator-baidu-sitemap'
    sh 'npm install hexo-abbrlink --save' //文章访问链接优化依赖
    echo '构建完成.'
    }
    }
    stage('测试') {
    steps {
    echo '单元测试中...'
    sh 'hexo clean'
    sh 'hexo g'
    echo '单元测试完成.'
    }
    }
    stage('部署') {
    steps {
    echo '部署中...'
    sh 'hexo deploy'
    echo '部署完成'
    }
    }
    }

    部署实现详情需要参考文章:

  • 需要注意目前中文名称文章优化遇到未知问题失效,后期需要再次优化。目前修改配置的文章访问链接优化依赖

    1
    npm install hexo-abbrlink --save

    需要修改博客根目录配置文件 _config.yml 的 permalink:

    1
    2
    3
    4
    5
    # permalink: :year/:month/:day/:title/
    permalink: p/:abbrlink.html # p 是自定义的前缀
    abbrlink:
    alg: crc32 #算法: crc16(default) and crc32
    rep: hex #进制: dec(default) and hex

8月22日

  • coding解析的境外线路,突然被墙了。目前正在反馈核实中。

  • 针对皮皮明反馈的文章页面连接过长的问题,进行了优化。hexo中特别是文章中文标题在复制链接时每个汉字都会转换为4个16进制字符,导致访问链接会非常长。
    目前解决方案:
    node_modules\hexo\lib\plugins\filter\post_permalink.js 文件postPermalinkFilter函数中关于meta变量定义中加入一行date_abbr: data.date.unix().toString(36),或将date_abbr:定义为
    Math.floor((data.date.unix()-1377964800)/3600).toString(36)。之后修改站点文件_config.ymlpermalink属性值为从:year/:month/:day/:title/修改为:date_abbr/。可以实现将原来链接中名称部分精简到4个字符。

  • 针对站点进行SEO优化。
    添加SEO插件:

    1
    2
    npm install hexo-generator-sitemap
    npm install hexo-generator-baidu-sitemap

    在站点_config.yml文件中设置SEO:

    1
    2
    3
    4
    sitemap:  
    path: sitemap.xml
    baidusitemap:
    path: baidusitemap.xml #注意此行参数不能tab空格。

8月15日

  • 为了解决页面因图片加载访问过多导致部分图片无法访问的问题,使用网上的懒加载方式。

Hexo-lazy-image 使用

1
npm install hexo-lazyload-image --save

安装插件之后修改_config.yml 文件添加以下内容

1
2
3
4
lazyload:
enable: true # 开启图片懒加载
onlypost: false # 当为 true 时只针对 post 做图片懒加载,为 false 则应用到所有页面
# loadingImg: # 不设置使用默认图片作为懒加载时的替代图片,设置后则使用该图片作为懒加载时显示的图片

8月7日

  • 为了加快访问,将对象存储图片文件使用CDN加速。
  • 修复了部分文章的图片
  • 为了应对对象存储中大量的图片文件管理进行进一步文件分类和标签化

5月6日

  • 更新coding、GitHub双平台博客

5月5日

  • 更新部分live2d人物话语

5月3日

  • 更新live2d

下载大佬的live2d源码,放置于 themes\next\source 下,在 \themes\next\layout\_layout.swig 文件的head标签下添加依赖。

1
2
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">

在footer标签下添加调用
<script src="https://soyawww.github.io/live2d/autoload.js"></script>
修改live2d包文件下的autoloads.js文件路径为绝对路径
const live2d_path = "/live2d/";
其他如在waifu.css修改看板的大小和位置,在waifu-tips.json修改对话。

5月2日

  • 去掉背景音乐,加快访问速度

4月21日

  • 更新瀑布式相册,使用腾讯云对象存储。

  • 御坂特殊博文页面:用于放置长时间持续更新的特殊的博客文章。

3月12日

  • 更新评论系统

  • 更新音乐

  • 更新相册

2019年3月11日 上传部分文章制作御坂博客页面

主要为引导页面,指向简书、新浪博客以及自定义页面。

2017年3月22日 使用zblog在阿里服务器建立网站

首次进行备案、域名解析等等。但后因域名被抢注不再使用。

-------------本文结束感谢您的阅读-------------