V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
bequt
V2EX  ›  前端开发

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

  •  
  •   bequt · 2018-07-03 10:36:27 +08:00 · 2540 次点击
    这是一个创建于 2311 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    自己的设想

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

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

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

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

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

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

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

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

    http://spritejs.org/#/zh-cn/index
    qgy18
        15
    qgy18  
       2018-07-13 15:34:49 +08:00
    @qgy18 PS:我发的这个文档就是用的你正文提到的 docsify。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3032 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 13:29 · PVG 21:29 · LAX 06:29 · JFK 09:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.