从 wordpress 主题创建 octopress 主题

Question

我使用 wordpress 已经有一段时间了，想尝试一些不同的东西。进入我对静态网站生成世界的发现。现在我开始关注 Octopress，我知道它是基于 jekyll 构建的。在我开始使用 ruby​​ 之前，我想知道将我的 current wordpress 主题转换为静态站点是否相对可行。

Answer 1

这正是我最近所做的：

http://eduncan911.com/blog

我复制了一个朋友的 Wordpress 主题（经许可），设计几乎相同：

http://forgetfoo.com

“我想知道它是否相对可能”

要回答您的第一个问题，答案是肯定的。这就是 Jekyll 对这类事情如此出色的原因：它只是几个目录中的原始 HTML、css 和 js。将它们放置在您喜欢的任何地方，并开始切割包含中的块，包装一些插件等，在不知不觉中，您就是rake generate 和rake deploy。

Octopress 通过拥有大量插件、已经结构化的类似博客的模板系统***（见下文）和一堆默认设置来写博客，让它变得更加甜美。

Octopress 主题的问题正如我上面所说的，它纯粹是作为博客平台设置的。您需要高度修改，或者在我的情况下完全忽略他们拥有的模板，然后重新使用它附带的漂亮的 Github Pages、SCSS 和插件并滚动您自己的 html 模板。这真的真的很容易。

你从哪里开始？

/source/index.html

您从这个 YAML 文件开始。顶部是layout 的定义，它用于选择您想用什么“包装器”或布局来包围这个 index.html 内容。要制作一个像您这样的新模板，我将其命名为layout: fuse_homepage。然后进入source/_layouts/并创建一个新的`fuse_homepage.html'。

从您自己的主题和格式开始

但是你看，你甚至不必这样做。地狱，只需将您的整个主页 HTML 粘贴到正确的位置 进入source/index.html 开始（确保将--- YAML 标记保留在顶部，但去掉布局）。当您厌倦了应对和粘贴页眉/页脚时，从那里开始，稍后再解决问题。哎呀，就从那里开始 - 制作一个 fuse_header.html 和 fuse_footer.html 并暂时分享它们。

忽略 Octopress 的主题布局 - 它仅适用于不做 UX 并且只想调整事物的黑客。喜欢控制他们的代码的设计师或人会想要自己动手。

真的是那么灵活。无论你想打破它，你都可以。想要一个新页面，只需调用rake new_page["title"]，它所做的就是创建一个/title.html 或/title/index.html，这取决于您在配置文件中的设置。但是你看，你甚至不必这样做。只需自己创建文件 - BAM，它会在部署时复制。

对 Octopress 感到遗憾

强行让主题听我的吩咐，追兔子

我只是后悔尝试遵循 Octopress 作者的格式 - 浪费了这么多时间并且在 Octopress 上被如此关闭。最后，我只是忽略了它并自己做了。容易多了，而且我知道一切都在哪里。我还想要漂亮且格式清晰的 HTML - 一个我关心我的代码的节目。默认的 Octorpess 主题和结构会引入很多错误放置的选项卡和空格，这很丑陋。做你自己，你可以完全控制，一点一点地插入空间。

导入帖子

有大量的 Google 链接可帮助您从 Wordpress 导出 WRX，并自动生成帖子文件。准备好尝试几种不同的，因为它们并不完美。

将 cmets 导入 Disqus

除非你已经在 Wordpress 上使用 Disqus，否则你会在这个方面度过一段可怕的时光。

经过近 100 次导入导出和修复等尝试，我现在可以声称自己是 WRX/BlogML 专家。没有关于任何一个导入器（Disqus 或 Wordpress）的文档来告诉您各个必填字段。例如，Wordpress 需要设置 wp:comment_id，并且对于您导入的每个帖子都是唯一的，而 Disqus 需要 wp:comment_email 字段，即使说它是可选的（这是 BS，啊）。

准备好破解代码。毕竟是黑客的框架

但请注意：破解静态站点需要大量工作。制作自己的模板将为您节省大量时间。您可能还想编写自己的自定义插件，我这样做了，以解决人们 github 存储库中的错误 - 这很容易，但确实需要编码。

我花了大约一个月的时间休息，直到我把我的新博客/静态网站放到我喜欢的地方发布。比我想要的要多得多，但学习新语言很“有趣”（Ruby、Python、在 VM 中安装 Debian linux 导致 Windows 对这些东西很烂）。

如果您还没有准备好写那么多，还有一些静态网站生成器，正如我在博客中提到的那样（嘿，必须炫耀我的 Octopress 和自定义主题！）：

http://eduncan911.com/software/the-static-blog-boom.html

顺便说一句，不错的网站...