前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >1.使用jekyll搭建个人博客

1.使用jekyll搭建个人博客

作者头像
tea9
发布2022-07-16 16:21:32
发布2022-07-16 16:21:32
26700
代码可运行
举报
文章被收录于专栏:tea9的博客tea9的博客
运行总次数:0
代码可运行

一、GitHub Pages的配置

1.申请github账号

首先要注册github账户 访问下面的网址 https://github.com/ 点击Sign up for GitHub 按钮注册

注册成功后点击Sign in 按钮 登录 登录成功后验证下邮箱

2.创建项目

选择Start a project 按钮 开始一个项目

填写 用户名.github.io 点击Create repository 按钮

3.配置ssh

打开终端 输入命令

代码语言:javascript
代码运行次数:0
运行
复制
ssh-keygen -t rsa  

一直回车

输入命令

代码语言:javascript
代码运行次数:0
运行
复制
open ~/.ssh  

之后会打开.ssh文件夹 打开id_rsa.pub文件

复制里面内容 登录github 点击头像 ->点击Settings 按钮

点击左侧 SSH and GPG keys

之后点击New SSH key 按钮

Title 随便填 Key 添加复制的内容 点击Add SSH Key 按钮

终端输入

代码语言:javascript
代码运行次数:0
运行
复制
ssh -T git@github.com  

出现下面这个就是成功了

4.上传代码到github

终端输入

代码语言:javascript
代码运行次数:0
运行
复制
git clone git@github.com:用户名/用户名.github.io.git  
cd 用户名.github.io/  
echo "Hello World" > index.html  

git init  
git add --all  
git commit -m "first commit"  
git remote add origin git@github.com:用户名/用户名.github.io.git  

如果出现 fatal: remote origin already exists.

就输入

代码语言:javascript
代码运行次数:0
运行
复制
git remote rm origin  

再输入

代码语言:javascript
代码运行次数:0
运行
复制
git remote add origin git@github.com:用户名/用户名.github.io.git  
git push  -u origin master

5.访问博客页面

打开浏览器 输入 https://用户名.github.io 就会显示出Hello World 就代表成功了


二、jekyll配置

1.jekyll本地配置

windows的小伙伴可以看这个文章 https://www.jianshu.com/p/88e3474cef72

配置jekyll环境 jekyll官网https://www.jekyll.com.cn/ 有不懂的可以参考下

打开终端输入

代码语言:javascript
代码运行次数:0
运行
复制
gem install jekyll
jekyll new my-site

终端输入

代码语言:javascript
代码运行次数:0
运行
复制
cd my-site/
jekyll serve

浏览器访问 http://127.0.0.1:4000/

出现下面这个界面,代表jekyll本地运行成功

2.jekyll代码上传github

打开my-site文件夹 复制所有文件

再打开 用户名.github.io 文件夹 删除index.html 把复制的文件粘贴用户名.github.io 文件夹

打开终端输入 cd 用户名.github.io git add –all git commit -m “add jekyll” git push -u origin master

浏览器访问 https://用户名.github.io/ 出现这个就上传github成功了,如果没出现,就清除下浏览器缓存再试试

3.添加文章

所有文章默认都在_posts文件夹中

你要做的是点击 _posts文件夹 新建 YYYY-MM-DD-文章标题.markdown

其中YYYY为4位年份,MM是两位的月份,DD是两位的日期

在用文本编辑器打开它 复制下面

代码语言:javascript
代码运行次数:0
运行
复制
---
layout: post
title: test
---

hello world

然后保存关闭 打开终端输入

代码语言:javascript
代码运行次数:0
运行
复制
jekyll serve	

浏览器访问 http://127.0.0.1:4000/ 就会出现你添加的文章

4.把文章上传到github

打开终端

代码语言:javascript
代码运行次数:0
运行
复制
cd 用户名.github.io
git add --all
git commit -m "add post"
git push -u origin master

上传成功后 访问 https://用户名.github.io/

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、GitHub Pages的配置
    • 1.申请github账号
    • 2.创建项目
    • 3.配置ssh
    • 4.上传代码到github
    • 5.访问博客页面
  • 二、jekyll配置
    • 1.jekyll本地配置
    • 2.jekyll代码上传github
    • 3.添加文章
    • 4.把文章上传到github
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档