如何使用 pipe 搭建 *.js.org 个人站点

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

域名申请

如何申请 js.org 二级域名

导出 MD

其他 页面点击导出

如果 Pipe 可以像 Sym 一样生成 静态页面 的话,就可以跳过下面一大步了 ~~~

然而我只是为了小秀一下我的 vanessa.js.org,估计其他人可能完全没有这个需求吧!!!

生成页面

安装 hexo

npm install hexo-cli -g
hexo init blog
cd blog
npm install

修改 hexo 配置

参见 https://hexo.io/zh-cn/docs/configuration.htmlhttps://github.com/Vanessa219/vanessa/blob/master/hexo/_config.yml

主要修改点为

# Site
title: Vanessa
subtitle:
description:
author: Vanessa
language: zh-Hans
timezone:

# URL
url: https://vanessa.js.org/blog
root: /blog
permalink: :id/
permalink_defaults:

导入 MD

删除 blog/_posts/hello-world.md

解压刚才下载的文件,把 MD 文件复制到 blog/_posts 下后执行

 hexo g

错误处理

  1. 不得不吐槽一下导入报错,用了 debug 模式,也不具体告诉我是那篇文章导入出错,让我在 874 篇文章中使用二分查找苦苦排查。主要是两片文章,一篇是由于在代码块中写了 & gt; ,另外一篇是由于在 code 中写了 {{define “ThemeA/head”}}{{end}}

  2. 接下来就是 https://vanessa.js.org/blog/lib/fastclick/lib/fastclick.min.js?v=1.0.6 等 js、css 地址死活访问不了,然后去了后面的 search 就好了。。。最后把文件全删了,然后重新上传 github 就好了。估计是解析的问题。

上传 github

目录需和 hexo 配置保持一致。如 https://github.com/Vanessa219/vanessa/tree/master/blog

示例

vanessa.js.org

心得

  1. 一个皮肤的配置项加上注释有 814 行,不得不说考虑的非常周到,做的很细致、很用心 👍 ,有很多可以借鉴学习的地方。

  2. 使用下来还是觉得动态博客的比较方便,不用每次改一点就等 1-2 分钟,上传 GitHub 时间就更不用说了。最重要的是,不论我在任何地点、任何时间,都可以修改错别字或是发布文章 😊

  3. 最后容我来小秀一下《2018 Web 开发路线图》这篇文章的两个地址吧:

pipe - 2018 Web 开发路线图

hexo - 2018 Web 开发路线图

  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1063 引用 • 3453 回帖 • 225 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    131 引用 • 1114 回帖 • 136 关注
  • Hexo

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

    21 引用 • 140 回帖
  • js.org
    2 引用 • 18 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...