从wordpress主题创建一个octopress主题

时间:2014-03-07 23:04:58

标签: php wordpress jekyll octopress

我一直在使用wordpress一段时间,并想尝试不同的东西。输入我发现的静态网站生成世界。现在我关注Octopress,我知道它是建立在jekyll上的。在我开始弄脏ruby之前,我想知道是否可以将我的current wordpress主题翻译成静态网站。

1 个答案:

答案 0 :(得分:1)

这正是我最近所做的:

http://eduncan911.com/blog

我复制了几乎相同设计的朋友的Wordpress主题(经过许可):

http://forgetfoo.com

"我想知道它是否相对可能"

要回答您的第一个问题,答案是一个很大的问题。是。这就是让杰基尔对这些事情如此优秀的原因:它只是原始的HTML和css和js在几个目录中。将它们放在任何你喜欢的地方,开始切掉包含的块,包装一些插件等,在你知道之前,你是rake generaterake 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,并自动生成帖子文件。准备尝试几种不同的,因为它们都不是完美的。

将评论导入Disqus

除非你已经在Wordpress上使用Disqus,否则你将会遇到一个糟糕的时间。

在我近100次尝试导入和导出以及修复等等之后,我现在可以声称自己是一名WRX / BlogML专家。导入器(Disqus和Wordpress)上没有文档可以告诉您各个必填字段。例如,Wordpress需要设置wp:comment_id,并且对于您导入的每个帖子都是唯一的,而Disqus需要wp:comment_email字段,即使它说是可选的(它是BS,argh)

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

请注意:破解静态网站需要做很多工作。做你自己的模板会为你节省很多时间。您也可能想要编写自己的自定义插件(我做过),以解决人们github存储库中的错误 - 它非常简单,但需要编码。

我花了大约一个月的时间,直到我将我的新博客/静态网站发布到我喜欢它的地方。比我想要的要多得多,但它很有趣"学习新语言(Ruby,Python,在VM中安装Debian linux导致Windows只是糟透了)。

如果您还没有准备好写这么多,那么在我写博客时会有更多的静态网站生成器(嘿,我要展示我的Octopress和自定义主题!):

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

顺便说一句,网站很好......