关于此站建设

2020-10-08
杂谈

sticker

本文已完全废弃

简述

  很早就有这个想法了:写一个静态博客。正好我租的服务器快过期了，也不想续费因为基本用不上(贫穷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

评论