一个静态博客的设想,不知道是否能够实现,求大神指导

2018-07-03 10:36:27 +08:00
 bequt

看了 docsify 文档管理系统,被它那个特点所引导

不生成 HTML 文件污染 commit,直接利用 Marked 进行渲染 md。

就有种想法,是否我们的静态博客也可以利用这种方案进行渲染,实现呢?

自己的设想

一个主页 Index, 一个 容器页(用来渲染 md,而后填充进去,展示给用户看)

现在 Hexo Hugo 都是会生成 Html 页,而已还有需要各种环境,特别是 Hexo,npm 环境难以配置,Hugo 还算好一些。

docsify 直接加载 js 文件遍能够直接部署文档系统,非常好。添加新的 md 文件,外加配置首页链接,便可以实现,无需任何环境。

不知道是否已经有这样的轮子,若没有,能否指导一下小白,想制作这样一个博客系统。

2468 次点击
所在节点    前端开发
15 条回复
Pyjamas
2018-07-03 10:50:36 +08:00
我觉得你说的要求貌似不难吧
很多人用这些框架的原因我觉得是好看的主题多,搭起来又快
像我的静态博客就属于不嫌丑的...
bequt
2018-07-03 10:52:26 +08:00
@Pyjamas 是啊,主要是为了部署在 Github 上,外加 CI,写完 push 上去就部署好网站了,不需要数据库什么的,养不起现在。
oott123
2018-07-03 11:14:37 +08:00
用 jekyll 不好吗
geelaw
2018-07-03 11:21:43 +08:00
看了一下 docsify,似乎需要页面运行 JS。docsify 本身已经是这样一个轮子了。

看起来这种模式你不需要 CI,因为不存在 build 的过程,直接 push 就完事儿了。

如果你有 CI,你可以把 blog source 和 publishing repo 分离,然后每次 push source 后自动构建 publishing repo。我目前是这么做的(但并不是 CI 而是有一个本地脚本自动完成这个工作)。
bequt
2018-07-03 11:37:35 +08:00
@geelaw 对,确实不用 CI,现在就想设计出这样的模式。
bequt
2018-07-03 11:37:57 +08:00
@geelaw 不需要任何环境,就添加 js 就可以了
loading
2018-07-03 11:48:27 +08:00
看看我的博客,powered by mirror,加载 github issues 当内容。
dixeran
2018-07-03 11:53:36 +08:00
我做过 dixeran.coding.me ,内容是 ajax 加载 md 文档解析的
POPOEVER
2018-07-03 12:10:09 +08:00
Gatsby, Vuepress 了解一下
zrp1994
2018-07-03 12:28:43 +08:00
SEO 如何解决
tabris17
2018-07-03 12:31:29 +08:00
没看明白。意思是用 js 来动态渲染?

那如何做 SEO ?
bequt
2018-07-03 17:50:43 +08:00
@zrp1994
@tabris17
不要 seo 了。。。。
tabris17
2018-07-03 18:07:45 +08:00
@bequt 那很简单啊,md 文件按照预定序列来命名,比如 1.md2.md3.md ……,通过 js 遍历,直到返回 404 表明列表加载完毕,就是文件一多,请求就多了,比较慢
qgy18
2018-07-13 15:33:49 +08:00
很多系统就是这样的,比如这个文档系统,你抓包看下。

http://spritejs.org/#/zh-cn/index
qgy18
2018-07-13 15:34:49 +08:00
@qgy18 PS:我发的这个文档就是用的你正文提到的 docsify。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/467704

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX