关于此站建设

简述

  很早就有这个想法了:写一个静态博客。正好我租的服务器快过期了,也不想续费因为基本用不上 (贫穷sticker),挂个 blog 在上面甚是浪费。   于是着手写了这个静态博客,仅有一些我所认为的基础功能。日后慢慢完善吧!

技术栈

此博客所用的技术栈其实只有 vue, 毕竟 vue 这个巨人它的肩膀已经足够高。 本站除了域名之外,其他的内容全部免费 (白嫖党狂喜sticker), 下面简述下大大小小的致谢与 Power by:

  • 托管在 github.io
  • vue 全家桶强力驱动
  • 99.9% 的文件由 jsdelivr 的 CDN 加速
  • 动态更新 api 基于 github api
  • 用到的开源项目: axios,codemirror,headroom.js,dayjs,jszip,md5,octokat,qrcode,sass.js,showdown,svg-sprite-loader,tsparticles,v-viewer

基本使用

  1. git clone 仓库
  2. 修改 src/site-config.js
  3. npm run build
  4. 复制 404-temp.html 的内容到 404.html
  5. git add .->git commit -m init->git push
  6. 进入 github 当前项目,创建一个 tag,版本号写 v0.0.1
  7. 进入 backend 整点活,过一会访问网站
  8. have funsticker

任务列表

  • 在线编辑内容,代码高亮
  • github api 完整实现
  • img-viewer
  • 路由 history 模式
  • 在线发布 release
  • 未写完存草稿到 localStorage
  • safari 和 firefox 不支持正则分组
  • RSS
  • oauth+cors 评论功能完善
  • about 页面
  • 多种主题
  • markdown 自定样式
    • field
    • 指定颜色的文字
    • target=_blank 的链接
    • write-font 的文字
    • 同站文章链接
    • 直接插入 html
    • 可隐藏的内容
    • 自定义锚点跳转
    • 内嵌 youtube,bilibili
标签:杂谈
更新于: 2021-01-27 16:17:54