jekyll怎么写入GitHub博客

不及物动词 其他 24

回复

共3条回复 我来回复
  • fiy的头像
    fiy
    Worktile&PingCode市场小伙伴
    评论

    要将Jekyll写入GitHub博客,需遵循以下步骤:

    1. 创建一个新的GitHub代码仓库。
    – 在GitHub上创建一个新的仓库,命名为`yourname.github.io`(将”yourname”替换为你的GitHub用户名)。

    2. 安装Jekyll。
    – 在本地计算机上安装Jekyll。可以使用命令行工具输入以下指令来安装:`gem install jekyll bundler`。

    3. 创建一个新的Jekyll网站。
    – 使用Jekyll命令行工具来创建一个新的Jekyll网站。在命令行中,进入到想要创建站点的目录,然后输入以下指令:`jekyll new myblog`(将”myblog”替换为你想要的站点名称)。

    4. 进入新创建的Jekyll站点目录。
    – 使用命令行进入到新创建的Jekyll站点目录中:`cd myblog`(将”myblog”替换为你的站点名称)。

    5. 启动Jekyll本地服务器。
    – 在命令行中,输入以下指令来启动Jekyll本地服务器:`bundle exec jekyll serve`。

    6. 打开浏览器来访问本地服务器。
    – 在浏览器中输入`http://localhost:4000`,然后按下回车键。

    7. 编辑Jekyll站点内容。
    – 使用你喜欢的文本编辑器来编辑Jekyll站点的内容。可以在站点目录中找到各个文件,例如_layouts,_posts和_includes等文件夹。其中,_layouts文件夹用于存放页面布局模板,_posts文件夹用于存放博客文章,_includes文件夹用于存放可重用的页面片段等。

    8. 将Jekyll站点推送到GitHub仓库。
    – 使用Git命令行工具,在站点目录中输入以下指令:`git init`(初始化本地Git仓库)、`git add .`(将所有文件添加到仓库中)、`git commit -m “Initial commit”`(提交更改)、`git remote add origin https://github.com/yourname/yourname.github.io.git`(将远程仓库与本地仓库关联)和 `git push -u origin master`(将本地仓库的更改推送到GitHub仓库)。

    9. 通过访问`https://yourname.github.io`来查看你的博客。
    – 在浏览器中输入`https://yourname.github.io`,然后按下回车键,就能够访问你的GitHub博客网站了。

    以上是将Jekyll写入GitHub博客的步骤,通过遵循这些步骤,你可以轻松地创建和发布自己的博客。

    2年前 0条评论
  • worktile的头像
    worktile
    Worktile官方账号
    评论

    在GitHub上写入Jekyll博客需要按照以下步骤进行操作:

    1. 创建一个GitHub账号:首先,如果你还没有一个GitHub账号,需要在GitHub官方网站上进行注册并创建一个账号。这个账号将用于管理你的博客内容。

    2. 创建一个新的Repository:在GitHub上创建一个新的Repository用于保存你的Jekyll博客源文件。点击页面右上角的”New”按钮,填写Repository的名称和描述,并选择”Public”或者”Private”的公开性,然后点击”Create repository”按钮。

    3. 安装Jekyll:在你的电脑上安装Jekyll。可以使用RubyGems来安装Jekyll,打开终端窗口输入以下命令:

    “`
    gem install jekyll bundler
    “`

    4. 创建一个Jekyll博客:打开终端窗口,进入你要保存Jekyll博客的目录,然后运行以下命令来创建一个新的Jekyll博客:

    “`
    jekyll new my_blog
    “`

    这将创建一个名为”my_blog”的目录,并在其中生成一个基本的Jekyll博客结构。

    5. 编辑博客内容:进入你的Jekyll博客目录,使用文本编辑器来编辑博客内容。你可以在”_posts”目录下创建一个新的Markdown文件来撰写博客文章。Jekyll使用Markdown语法来格式化博客内容,你可以在Markdown文档中使用标题、段落、列表、链接等进行排版。

    6. 运行Jekyll服务器:在终端窗口中进入你的Jekyll博客目录,并运行以下命令来启动一个本地的Jekyll服务器:

    “`
    bundle exec jekyll serve
    “`

    这将启动一个本地的Web服务器,你可以在浏览器中访问”http://localhost:4000″来查看你的博客内容。

    7. 将博客提交到GitHub:在终端窗口中进入你的Jekyll博客目录,运行以下命令来初始化一个Git仓库,并将博客内容提交到GitHub上:

    “`
    git init
    git add .
    git commit -m “Initial commit”
    git remote add origin <你的GitHub仓库URL>
    git push -u origin master
    “`

    这将把你的Jekyll博客内容提交到GitHub上的对应Repository中。

    通过以上步骤,你就可以将Jekyll博客写入GitHub并进行管理。你可以通过访问你的GitHub仓库URL来查看博客内容,并可以随时更新和发布你的文章。

    2年前 0条评论
  • 不及物动词的头像
    不及物动词
    这个人很懒,什么都没有留下~
    评论

    要写入GitHub博客,首先需要了解什么是Jekyll。

    Jekyll是一个简单的、使用Ruby语言编写的静态网站生成器。它可以将纯文本、Markdown和Liquid模板语言转化为静态网页,方便易于维护和托管。GitHub Pages是一个托管和发布静态网页的服务,因此它与Jekyll非常兼容。

    以下是将Jekyll写入GitHub博客的步骤:

    步骤1:安装Jekyll和Ruby

    首先,需要安装Ruby,因为Jekyll是通过Ruby语言编写的。可以在Ruby官网(https://rubyinstaller.org/)上下载和安装Ruby。

    安装完成后,打开命令提示符(Windows)或终端(Mac),运行以下命令来安装Jekyll:

    “`
    gem install jekyll bundler
    “`

    步骤2:创建一个新的Jekyll站点

    在命令提示符(Windows)或终端(Mac)中,使用以下命令创建一个新的Jekyll站点:

    “`
    jekyll new myblog
    “`

    这个命令将在当前目录下创建一个名为“myblog”的文件夹,其中包含一个Jekyll的默认站点。

    步骤3:进入站点目录并启动Jekyll服务

    进入刚刚创建的站点目录:

    “`
    cd myblog
    “`

    然后,运行以下命令启动Jekyll服务:

    “`
    bundle exec jekyll serve
    “`

    这个命令将启动Jekyll服务,并将站点生成到本地的一个临时文件夹。在命令运行后,会看到类似以下的输出:

    “`
    Configuration file: /path/to/myblog/_config.yml
    Source: /path/to/myblog
    Destination: /path/to/myblog/_site
    Incremental build: disabled. Enable with –incremental
    Generating…
    done in 0.345 seconds.
    Auto-regeneration: enabled for ‘/path/to/myblog’
    Server address: http://127.0.0.1:4000/
    Server running… press ctrl-c to stop.
    “`

    现在,在浏览器中打开http://127.0.0.1:4000/,将能够看到你的Jekyll博客正在本地运行。

    步骤4:编写和编辑博客内容

    进入站点目录后,可以编辑`_config.yml`文件,设置站点的相关配置,如站点名称、描述等。

    在`_posts`文件夹中可以看到一些示例文章,这些是用来帮助你了解如何编写文章的。

    通过创建新的Markdown文件并在文件名中添加日期和标题,例如`2021-01-01-welcome-to-jekyll.md`,然后将Markdown格式的博客内容写入这个文件。

    步骤5:将博客推送到GitHub仓库

    在完成博客的编写和编辑后,我们需要将博客推送到GitHub仓库中。

    首先,需要创建一个GitHub仓库,并将本地的Jekyll站点与该仓库关联。在命令提示符(Windows)或终端(Mac)中,运行以下命令:

    “`
    git init
    git add .
    git commit -m “Initial commit”
    “`

    然后,将本地仓库与GitHub仓库进行关联:

    “`
    git remote add origin [GitHub仓库地址]
    “`

    最后,将博客推送到GitHub仓库:

    “`
    git push -u origin master
    “`

    注意:在这之前,你需要确保你已经在GitHub上创建了一个空的仓库。

    步骤6:启用GitHub Pages

    进入GitHub仓库页面,选择“Settings”选项卡,然后向下滚动,找到“GitHub Pages”部分。

    在“Source”(来源)下拉菜单中,选择“master branch”。保存更改后,GitHub Pages将会为你的博客生成一个网址,例如`https://yourusername.github.io`。

    总结:

    在完成以上步骤后,你就已经成功地将Jekyll写入GitHub博客了。你可以通过编辑和提交新的Markdown文件来继续写入博客内容,并且每次提交后,GitHub Pages都会自动重新生成并发布你的博客网站。祝你写博客愉快!

    2年前 0条评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部