使用jekyll+Github搭建个人独立博客

最新推荐文章于 2024-08-02 18:30:31 发布
最新推荐文章于 2024-08-02 18:30:31 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： GitHub 文章标签： github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyc12306/article/details/51445623
版权

step 1.选择GitHub作为博客服务器

*更详细的方法参考GitHub Pages官方文档

Repository name(仓库名)必须是 your_user_name.github.io

比如我的用户名是admin，那么仓库的名称就必须是admin.github.io ，这点灰常重要。

另外新建仓库时选择Initialize this repository with a README和.gitignore和Licenses，如下图所示

一种简单的方式是，下载GitHub的桌面客户端，安装完成后，粘贴
http://github.com/your_user_name/your_user_name.github.io.git 克隆到本地。

<转自“授人以渔”的教你搭建个人独立博客>

- 在新建的仓库中新建一个index.html文件或者本地新建采取上传的方式添加到新建的仓库

index.html中应包含如下代码：

<?

<!DOCTYPE html>
    <html>
        <body>
        <h1>Hello World</h1>
        <p>I'm hosted with GitHub Pages.</p>
        </body>
    </html>

?>

上传完毕之后仓库中应至少包含如下4个文件：gitignore,LICENSE，README.md和index.html

这里写图片描述

至此，your_name.github.io就可以飞起来了。

step 2.搭建本地运行环境jekyll

以下以windows用户为例进行说明。

  • 安装rubygems，解压后运行setup.rb文件。

  • 安装jekyll：

cmd运行gem install jekyll

  • 运行jekyll

进入你的blog文件夹：cd your-site-name

运行本地服务： jekyll s

在浏览器中运行http://127.0.0.1:4000/ 即可在本地运行调试。

step 3.发表文章

文章开头，加上如下所示的代码：

---
layout: post
title: Welcome to Jekyll!
date: 2014-01-27
categorie: Blog
tags:jekyll
---

另外，文件的名称也移动得加上时间标题。

比如该文件的标题可以设置为：

2016-05-25-build-blog.md

然后将文章放入 _post文件夹下即可。

step 4.定制域名

  • 购买域名：万网，Godaddy都可以。万网比较便宜。

  • 在github文件夹内新建一个CNAME文件，写入你的域名，不加https://.

  • 域名解析，可以选择Dnspod或者万网的域名解析。

    以万网域名解析为例：进入管理控制台>云解析>域名后边有解析>进入解析

接着 cmd ，输入

ping your_name.github.io

得到一个ip地址。

然后在上图域名解析中，点击添加解析

在主机记录一栏填写”www”，记录值一栏填写刚才刚才ping到的ip地址。

在添加一个解析，同上，主机记录一栏填写”@”，记录值一栏填写刚才ping到的ip地址。

这样，当你输入 your_name.github.io 的时候会被解析到你设定的网址。

至此，博客基本搭成。

wangxixi522
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手把手教你搭建免费个人博客
08-28
- [《如何搭建一个独立博客——简明GitHubPages与jekyll教程》](https://link.example.com/article3) #### 六、总结 通过本文的介绍，即使是完全不懂建站的小白用户也能够按照步骤搭建出一个属于自己的免费个人...
玩转Docker实战篇！使用Docker构建Apache+Jekyll博客网站，附加介绍卷的备份
董哥的黑板报
07-27 1172
本文新增的Docker知识点有： Dockerfile中VOLUME指令的使用 Dockerfile中WORKDIR指令的使用 docker run中--volumes-from选项的使用：使一个容器的目录挂载到另一个容器中 docker run中--rm选项的使用：容器只运行一次，随后立即删除 Docker容器卷的备份 一、本文目的 本文构建一个使用Jekyll框架（https://jekyllrb.com/）的自定义网站 本文会构造两个镜像： 一个镜像安装了Jekyll及其他
为jekyll制作docker镜像
妙音
04-28 554
说明 jekyll运行依赖ruby，每次重装都会遇到版本问题，挺麻烦，干脆做成镜像 官方镜像存在的问题 docker上有jekyll的官方镜像，如果是直接运行，没什么问题。 如果你挂载volume就会有权限问题 jekyll 3.8.5 | Error: Permission denied @ dir_s_mkdir - /srv/jekyll/_site 制作步骤 步骤1：修改镜像入口文件...
使用 Jekyll和Github-pages搭建自己的blog
bahutou, 嵌入式系统解决方案
03-09 859
动机 整体套路介绍 域名申请和域名设置 github-pages和Jekyll介绍 有关Jekyll Jekyll Jekyll的本地环境搭建 使用Jekyll创建blog系统 使用Jekyll编写blog 发布到github-pages Gem和bundler Liquid YAML blog动态语言和静态语言 使用开源的Jekyll、Theme快速搭建博客 评论系统使用gitalk...
利用Github+Jekyll搭建个人博客
Ghosind
11-04 2181
使用Jekyll搭配Github Pages搭建个人网站。
用 jekyll + Github Pages搭建个人博客
热门推荐
Abracadabra的专栏
01-17 1万+
用 jekyll + Github Pages搭建个人博客20170408 update.这里只介绍一种快速搭建个人博客的方式（Linux 环境 Ubuntu 15.10）： （1） 在本地安装jekyll： 主要目的是预览，在本地编辑好文件后，在本地可以看到效果，这样只需要一次git push就可以了。如果本地不安装jekyll，github pages中一旦出现显示问题，就需要不断地修改，并不断
使用github+jekyll一小时搭建个人博客（小白专用）
追
01-01 1万+
很早就听过github的大名，但一直不知道github是什么，只知道别人会把他们的代码放上去。那就在这里简单介绍一下github。百度是这样说的： gitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名gitHub。可能大家觉得还是不懂是干什么的，没错，看到这句话的时候我也不懂它是干嘛的，经过半天的学习，我了解到： 首先，github是一个版本管
tumu.dev:由React + Github Pages + Google DNS打造的个人网站
03-25
【React技术详解】 React是Facebook开发的一个开源JavaScript库，用于构建用户界面，特别是单页应用程序（SPA）。...这种搭建方式不仅节省成本，而且易于迭代和扩展，对于展示个人作品或博客是非常理想的选择。
maxulysse.github.io：我自己的jekyll个人网站>>>
02-24
标题中的"maxulysse.github.io"是一个GitHub Pages个人网站，通常用于展示个人作品、博客或者简历等。这个网站是基于Jekyll构建的，Jekyll是一个静态站点生成器，允许用户使用Markdown、文本模板和 Liquid 模板语言...
cn1nja.github.io:个人博客记录
03-07
`<title>`标签用于设置页面的标题，在浏览器的标签页中显示。`<head>`包含元信息，如字符集设置`<meta charset="UTF-8">`，而`<body>`则包含网页的实际内容。...此外，还能了解到个人博客的搭建和维护过程。
基于 ubuntu+jekyll 搭建个人博客
10-31
该文档详细的介绍了如何在ubuntu服务器利用jekyll搭建属于自己的个人博客系统，教程非常简洁明了，手把手、一步步实现，能够快速的搭建起属于自己的个人博客网站。
Powerlean.github.io:博客GitHub架设仓库
04-10
【标题】"Powerlean.github.io:博客GitHub架设仓库"是一个关于如何在GitHub上搭建个人博客的资源。这个仓库提供了一种方式，让技术爱好者或开发者可以利用GitHub Pages服务创建并托管自己的博客。 【描述】提到的...
使用Jekyll + GitHub Pages搭建个人博客（绑定域名）
XueLong的博客
08-12 2736
前言在上一篇 使用Jekyll + GitHub Pages搭建个人博客 中已经向大家讲解了，如何通过GitHub Pages + Jekyll搭建一个属于自己的完全免费的个人博客，按照之前的教程现在你应该已经拥有一个自己独立的博客了，但是是不是觉得域名太长了？拼写太麻烦了？别担心，在本篇博客中我讲向你讲解如何给自己的博客绑定一个自己的域名。 本博客同步发布于 XueLong的博客
使用GitHub Pages+ Jekyll搭建个人博客
baiiu
05-02 2327
前言：今天五一假期最后一天，趁着放假，搭建一个个人博客。之前就听说了GitHub Pages + Jekyll来搭建，今天想都不想其他的实现方式直接就使用这两个搭建。关于这方面的文章很多，网上查一下一大堆，这篇文章就整理一下搭建的步骤和过程，以及遇到的问题。 之前觉得挺简单的，自己搞了一下，真是各种问题。真的是 纸上得来终觉浅，绝知此事要躬行。1. 安装Jekyll环境1-1 安装ruby环境ma
边搭边记，基于GitHub使用Jekyll搭建个人博客
_Histery
02-11 4734
最近看到网上基于GitHub搭建个人博客很火，于是出去研(wu)究(nao)学(gen)习(feng)的目的，也搭建了一个个人博客 【博客传送门：http://histoire.xyz/(个人博客测试中)， 以及GitHub：https://github.com/MyHistoIRe/MyHistoIRe.github.io】 本人技术小白，静待各位大神指导 -----------
使用Jekyll搭建自己的博客
wzhseu的博客
06-05 4800
介绍Github Pages是可以托管在Github上的静态网页。用户可以使用它提供的模板，经过Jekyll的再加工后上传到服务器。Jekyll是一款Blog生成器，是Github官方使用的静态站点生成器，不需要数据库的支持。简单的说，利用这两者搭建自己的小型的博客网站（不包含较复杂的功能，数据量不大）是非常方便的，你可以将其看作是一个普通的仓库，你在本地所作的修改提交上去以后，github将会根据
Ubuntu下使用github+jekyll搭建博客
AnSwEr不是答案
10-16 1630
Ubuntu下使用github+jekyll搭建博客 前言：本文章仅作为我自己搭建博客的一个记录，无原理性的概念，请见谅。 注册github 这一步较为简单，请自行解决。 安装Jekyll 需要先安装ruby和rubygems： sudo apt-get install ruby1.9.1-dev sudo apt-get install rubygems export PATH=
同一台机器上，github多账号操作
最新发布
qq_19072921的博客
08-02 320
同一机器上，github多账号操作
windows github搭建个人博客jekyll
03-30
1. 安装Git 在Windows上安装Git可以到Git官网下载最新版的Git for Windows，安装包下载完成后，双击安装即可。 2. 安装Ruby 从Ruby官网下载Ruby Installer for Windows，下载后双击安装即可。 3. 安装Jekyll 打开命令行窗口，输入以下命令安装Jekyll： ``` gem install jekyll bundler ``` 4. 创建博客 在GitHub上创建一个新的仓库，仓库名为“username.github.io”（其中username为你的GitHub用户名），这个仓库就是用来存放你的博客内容的。 打开命令行窗口，进入一个空的文件夹，输入以下命令创建一个新的Jekyll博客： ``` jekyll new myblog ``` 将myblog文件夹中的所有文件复制到“username.github.io”仓库中。 5. 预览博客 在命令行窗口中，进入“username.github.io”仓库所在的文件夹，输入以下命令启动Jekyll服务器： ``` jekyll serve ``` 然后在浏览器中输入“http://localhost:4000”即可预览博客。 6. 发布博客 在“username.github.io”仓库中，创建一个名为“_posts”的文件夹，将你的博客文章放入这个文件夹中，并提交到GitHub。 博客文章的文件名格式为“年-月-日-文章标题.md”，例如“2021-09-24-我的第一篇博客.md”。 7. 访问博客 在浏览器中输入“https://username.github.io”即可访问你的博客。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值