轩帅的博客之旅

本贴最后更新于 2224 天前,其中的信息可能已经时移世异

当时间轴滑至 18 年 6 月,在工作中从事前端相关,已整满三年;这段从征程到旅程的过程,是技术与体力不断交织变更的活计;回顾这几年之种种,多半已是无从言说,随风渐逝;幸好这一路走来,偶有沉淀些文字留存,得以在光阴流逝中使我心安;而本篇就为这些年,承载那些文字的平台作下回顾。

云轩奕鹤

早年在初高中、大学期间,就常爱写点文字以自娱;那些年,在西北一隅,游走于教科书中的世界,闭塞且狭小,贫瘠的见识,根本无从得知 互联网 的存在;偶尔苦吟出的“佳句”,只得在纸笔间存留;即便有心保存,而今也是难觅其踪;大学期间,虽学的是 计算机 相关专业,鲜有接触的网络,却被更多用以充当 游戏机影视播放机;就如在 Aboue Me 中虽提及的:苦心孤诣想去做些事儿,却未成一事。直到毕业工作后,从事软件开发,才算真正接触到互联网;也是那时方得知并注册了博客园云轩奕鹤,不久“写”了第一篇博文,也是由此开启了写博之旅,那时:2013 年 8 月。

云轩奕鹤

晚晴幽草轩

晚晴幽草轩,由 Hexo 所驱动;部署于 Coding page;基于 Github Issue 作评论系统;使用 Gitalk 作为评论插件;有 Google AnalyticsClustrmaps百度统计 三套分析方案;支持 Pwa,如添加 Icon 到主屏幕,缓存页面支持离线访问等。

晚晴幽草轩

坦白说,最开始的“写博”,其实是始自于纯粹的搬运工:即遇到觉得好的文章就给移植了来。年随时驰间,技术也有所增长,逐渐会注入有自己的观点;当积淀的多了,也就真正开始写属于自己的技术文章;正如在云轩奕鹤副标题中引用的文字: “勤學如春起之苗,不見其增,日有所長。綴學如磨刀之石,不見其損,日有所虧”。在学于思之后,不停折腾之间,越发感觉到 个人品牌 的重要性,这便是个人主博客晚晴幽草轩诞生的契机。从 jeffjade.com 域名注册时间来看,那是在 2015 年 4 月。

天意人间舫

天意人间舫,由 Jekyll 所驱动;部署于 Coding page & Github Page;基于 Github Issue 作评论系统;使用 Gitalk 作为评论插件;采用 Google Analytics 作为分析方案;支持 Pwa,如添加 Icon 到主屏幕,缓存页面支持离线访问等。

天意人间舫

记得是 14 年的时候,就有使用 jekyll 来折腾个人博客;只是那时候,其文档以英文为主,相关资料又颇显匮乏;邂逅了 hexo,就被“移情别恋”,也是因此成就了主博:晚晴幽草轩;事实上,对于 Jekyll,也是念念难忘,在接触到一份挺欢喜的响应式主题后,就分分钟又塑造一博客;在历经几次三番的优化(调 UI、自定义域名、引入 AnchorJS、渐进式支持等等)之后,成就了现在的天意人间舫;对于此博客的功用、名字的由来等,在晚晴幽草轩,天意人间舫一文中,有过专门记载。从 Github 提交时间来看,这始于 2015 年 10 月份左右。

晚晴幽草

谈起在 简书 写博,也是和晚晴幽草轩有着不小的关系;那时一心想塑造个人品牌,却难于初始流量;可以选择方法就是,在写完文章以后,同步一份到其他平台,如博客园等;恰好也是在那时候,初出的平台 简书,融合读写一体,且也在努力扩大用户;不拍即合双方,自此也就有了在简书平台的博客:晚晴幽草。那是 2015 年 2 月。

微信公众号

对于开通公众号,当时特有留下一篇文章:微信公众号:静晴轩,以作说明。谈起其初衷,无外乎这两点:跟风无奈。你知道,对于 wechat 那不支持 Markdown 的‘威武’存在,同步(写)文章显得颇为麻烦;且又不便于引用外链、亦不能修改更新等设定,令人难以心生赞誉;只是有庞大的用户群体,且便于推广扩散;而个人博客也面临与 聚合网 做斗争等,故而才上了这条船,那是 2016 年 3 月。如今依旧(更)坚信:独立的才是自己的;加之如今公众号的红利已过,所以在这方面的经营,只是将博客那边已经沉淀出来的文章,运用工具同步罢了。再怎么威武的平台,不自由的同时,也必定携带你方唱罢我登场的 新陈代谢;故而,力荐每个人要建立自己可以掌控的会场,打造属于自己的 个人品牌,任江湖兴衰更替,我仍自有一方天地纵横;而这便也是个人作品「倾城之链」 的初衷。

微信公众号-静晴轩

静晴轩别苑

静晴轩别苑,由 VuePress 所驱动;部署于 Github Page;采用 Google Analytics 作为分析方案;支持 Pwa,如添加 Icon 到主屏幕,缓存页面支持离线访问等。

静晴轩别苑的诞生,其初衷完全是为了体验 VuePress: Vue 驱动的静态网站生成器。VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。

每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),其他的页面则会只在用户浏览到的时候才按需加载。除此之外,它还内置了以下优秀特性:

相比与 NuxtHexoJekyllDocsifyGitBook 等工具,VuePress 在不同方向,都拥有着巨大优势,并且仍在开发更新当中;如果你有搭建个人博客、技术文档的需求,那么 VuePress 将是超棒的选择。

吾意静晴轩

吾意静晴轩的诞生,是为了体验采用 Docz 构建 Web 应用程序;同时,为便捷而优雅的创建 Web 应用提供些参考。

吾意静晴轩

Docz,为极简创造文档而生。它有如下特征:

  • 🧘 零配置,无需担心复杂的配置步骤,且使用十分简单;
  • ⚡️️ 采用 Wepack 4 构建,完全热重新加载支持和自动代码分割;
  • 📝 基于 MDX( Markdown + JSX ),极大降低组件编写复杂度;
  • 💅 易于定制,创建和使用真正的可自定义主题;
  • 🎛 可插拔,使用插件,您可以通过 docz 流和数据操作很多东西。
  • 🔐 支持 Typescript,允许您的类型定义;

另外,Docz 内置了些许组件,通过在组件构建过程中结合 AST 解析,有可能带来很多出类拔萃的想法,而 Docz 则是更好的选择。甚至,您可以轻松构建和部署您的文档,从而建立您的 Web 应用程序。

原文出处:静晴轩别苑
原文首发于: 轩帅的博客之旅

  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    266 引用 • 665 回帖 • 1 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    21 引用 • 140 回帖 • 2 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • jeffjade
    作者

    搜嘎。嗯,话说这个粘贴 HTML 的功能点,做的好棒,很贴心👍。

    1 回复
  • 其他回帖
  • jeffjade
    作者

    至此,在搭建个人博客这条路上,以后应该不在过多去折腾了(除非再遇超棒框架😄 ),将专注于内容和个人作品。特此发帖以载之。

  • 88250

    粘贴 HTML 的话是会做这个处理的,粘贴 MD 原文的话没有做 😂

    1 回复
  • jeffjade
    作者

    好呀。 这么看来,可以提个建议了,当发帖检测为外链图片时,也将该图上传至服务器,并替换帖子图片地址,以增强内容的稳定性。

    1 回复
  • 查看全部回帖