博客搭建方案

发表于 2020-12-05 更新于 2020-12-07 分类于博客阅读次数：本文字数： 3.1k 阅读时长 ≈ 3 分钟

博客搭建方案

测试排序: 根据更新时间

hexo

1
2
3

typora-root-url: ./
typora-copy-images-to: ./images

搭建

零基础搭建博客 (juejin.cn)

Vercel Zeit now自动部署Github为hexo博客加速 | 唐瑞平 (tangruiping.com)

利用 Hexo+Next 搭建个人博客（三）—— 优化 (各种 tips、黑科技，不断更新) | 槐雪 (lvxuefei.top)

基于Hexo搭建个人博客——进阶篇(从入门到入土) | ookamiAntD’s Blog (yangbingdong.com)

问题

图片相对路径问题解决:

Hexo 引用本地图片以及引用本地任意位置图片的一点思路 | 禾七博客 (leay.net)

引用附件

激活图文教程说明.pdf

目录编号

怎么让文中的标题自动编号 · Issue #873 · theme-next/hexo-theme-next (github.com)

自动构建

https://vercel.com/

主题

Themes | Hexo

iissnan/hexo-theme-next: Elegant theme for Hexo. (github.com)

IIssNan’s Notes

开始使用 - NexT 使用文档 (iissnan.com)

主题配置 - NexT 使用文档 (iissnan.com)

Next社区版本

theme-next/hexo-theme-next: Elegant and powerful theme for Hexo. (github.com)

Hexo博客搭建全攻略(二)：NexT主题配置 - 简书 (jianshu.com)

theme-next/awesome-next: 主题/插件

NexT - Theme for Hexo (theme-next.js.org)

Next升级+Mac迁移 | Sirius (siriusq.top)

next-theme/hexo-theme-next: 🎉 Elegant and powerful theme for Hexo. (github.com)

Highlight (theme-next.js.org)

NexT - Theme for Hexo (theme-next.js.org)

simpleblock

王子亭的博客 (jysperm.me)

jysperm/hexo-theme-simpleblock: Hexo theme of jysperm’s blog. (github.com)

tufu9441/maupassant-hexo: A simple Hexo theme forked from icylogic. (github.com)

大道至简——Hexo简洁主题推荐 | 屠城 (haomwei.com)

Molunerfinn/hexo-theme-melody: A simple & beautiful & fast theme for Hexo. (github.com)

Do what you love,Love what you do | MARKSZのBlog (molunerfinn.com)

sabrinaluo/hexo-theme-replica: Github style replication for hexo theme

小白妹妹写代码 (hiitea.io)

vue-press

主题

vuepress-theme-reco (recoluan.com)

xugaoyi/vuepress-theme-vdoing: 🚀一款简洁高效的VuePress 知识管理&博客(blog) 主题 (github.com)

有哪些好看的vuepress主题？ - 知乎 (zhihu.com)

掘金

---
# 主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro
# 贡献主题：https://github.com/xitu/juejin-markdown-themes
theme: juejin
highlight: juejin
---

function $initHighlight(block, cls) {
  try {
    if (cls.search(/\bno\-highlight\b/) != -1)
      return process(block, true, 0x0F) +
             ` class="${cls}"`;
  } catch (e) {
    /* handle exception */
  }
  for (var i = 0 / 2; i < classes.length; i++) {
    if (checkCondition(classes[i]) === undefined)
      console.log('undefined');
  }

  return (
    <div>
      <web-component>{block}</web-component>
    </div>
  )
}

export  $initHighlight;