【问题标题】:Jekyll custom theme (running locally)Jekyll 自定义主题(本地运行)
【发布时间】:2018-09-17 16:36:30
【问题描述】:

我是 Jekyll 的新手,我正在尝试启动并运行自定义主题。这是我到目前为止所做的:

  1. 创建了我的 Jekyll 网站。 CD 到我要安装的目录并运行

    bundle exec jekyll serve

这些文件已创建,我能够在默认的 4000 端口上本地查看该站点。

然后我尝试按照说明here 安装您自己的主题。我在终端中输入了这个:

$ jekyll new-theme skull_and_roses

按照说明,它建立了一个新目录...

它还在_site目录中添加了一个目录,不确定是否正确:

然后我按照以下说明进行操作:

但是当我去运行它时:

bundle exec jekyll serve --watch

我得到一个错误:

The skull_and_roses theme could not be found.

就像我说的,这是我在 Jekyll 的第一次跑步,因此我们将不胜感激。

【问题讨论】:

  • jekyll new-theme skull_and_rosesskull_and_roses 文件夹中创建了一个新的 jekyll 实例。文档说的是,您应该在该文件夹中创建一个索引并从该目录运行 jekyll 来测试它。要创建新主题,只需在 _layouts 中创建布局文件并确保您的帖子使用它们。

标签: jekyll jekyll-theme


【解决方案1】:

我也使用jekyll theme template(这是一个很好的模板,带有友好的手册)并自定义它以最近设置my own github page

除了在 github 上使用用户名 (username.github.io) 创建 repo,我在我的 mac(本地)上所做的是:

  1. 设置使用Jekyll的环境,可以参考:https://jekyllrb.com/docs/

  2. $ git clone https://github.com/username/username.github.io.git(假设您已经创建了 repo)。

  3. $ cd username.github.io

  4. $ git clone <theme github repo>

  5. 将所有主题文件放入您网站文件的根目录(我们在步骤2中创建的目录)

  6. 通常主题模板会有Gemfile,如果真的没有,你可以尝试创建Gemfile并输入:

    source 'https://rubygems.org'
    gem 'github-pages', group: :jekyll_plugins
    

    确认你有Gemfile后,运行

    $ bundle install 
    $ bundle exec jekyll serve
    

    现在,您可以输入localhost:4000127.0.0.1:4000 来检查主题是否可以在本地服务器上运行。

  7. 然后就可以从主题模板说明中主要修改_config.yml文件,如标题、作者等。每当您更新某些内容并想要检查结果时,您都可以在本地检查它(localhost:4000127.0.0.1:4000)。一般在_config.yml改,需要重启jekyll serve(使用ctrl+c停止运行$ bundle exec jekyll serve重启服务查看修改。可能需要修改_config.yml以上的文件才能满足你的需求自己的要求,至少喜欢about.md 或在_post 中添加您自己的帖子。

  8. 在你完成主题模板的修改并制作你自己喜欢的github页面之后。您可以将本地仓库推送到远程仓库(username.github.io 的主分支)。顺便说一句,如果你在本地工作,你可以使用分支来测试你想要添加的功能,在本地检查结果,然后当你对结果满意时合并到 master。

  9. 最后,您可以查看:https://username.github.io 并享受您自己的 github 页面。

  10. 对于您关于_site 的问题以及您可能想知道的其他事情,您可能还想查看以下内容:

    Creating and Hosting a Personal Site on GitHub

    Quick start & tutorials on jekyll

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-06-10
    • 1970-01-01
    • 1970-01-01
    • 2022-01-21
    • 1970-01-01
    • 2018-03-18
    • 2019-06-24
    • 1970-01-01
    相关资源
    最近更新 更多