github搭建博客

注册github并创建仓库

先在github上注册一个账户,github网址:

https://github.com

登录之后点击头像右侧 +号 new repository新建一个仓库用来存放网页代码

仓库名一般为 用户名.github.io 这里我已经有一个同名的仓库了所以报错,其他选项默认,点击 create repository创建

至此,一个库已经创建好了,可以点击右上方他头像进入主页查看

安装git

可以先打个git来判断有没有安装

git
The program 'git' is currently not installed. You can install it by typing:
sudo apt-get install git

使用ubuntu或者debian就直接使用以下命令安装

sudo apt-get install git

使用centos或其他版本可在git官网下载源码,解压,键入以下命令编译安装

./config
make
sudo make install

或者

yum install git

安装完成后设置github用户名和注册邮箱地址

git config --global user.name "Your Name"
git config --global user.email "email@example.com"

通过以下命令查看设置是否正确

git config --global user.name
git config --global user.email

那么,为什么要设置github用户名和注册邮箱地址

在使用Git管理代码时,每次提交(commit)代码时都需要记录提交者的身份信息,包括用户名和邮箱地址。这些信息将被包含在Git提交历史记录中,并用于跟踪代码的贡献者。因此,你需要在Git安装完成后设置GitHub用户名和注册邮箱地址,以便在提交代码时正确地记录这些信息。

同时,当你在GitHub上创建新的代码库时,你需要使用Git作为代码管理工具,并将本地代码库与GitHub代码库关联起来。在此过程中,GitHub需要知道你的用户名和邮箱地址以正确地关联你的代码库。

总的来说,设置GitHub用户名和注册邮箱地址是使用Git进行代码管理的基本步骤之一,它可以帮助你正确记录你的代码贡献者身份,并与GitHub代码库进行正确的关联。

生成秘钥

ssh-keygen -t rsa -C "gitHub注册邮箱"

三连回车默认不设置密码,自动生成id_rsa和id_rsa.pub

打开id_rsa.pub复制里面的公钥,到github粘贴

添加完成后测试,抛出问yes/no的,选择yes,出现Hi加用户名就说明可以了

ssh -T git@github.com

那么,为什么要把公钥添加到github上?

在Git中,公钥通常用于身份验证和授权。当你使用SSH协议连接到GitHub时,GitHub会验证你的身份以确保你是授权用户。在这种情况下,你需要将你的公钥添加到GitHub账户中。

当你在GitHub上创建一个Git仓库并想要将代码推送到该仓库时,你需要使用SSH协议进行身份验证。为此,你需要将你的公钥添加到GitHub账户中。GitHub会将你的公钥与你的私钥进行比对以验证你的身份,并确定你是否有权限访问该仓库。

在添加公钥之前,你需要生成一对公钥和私钥。你可以使用ssh-keygen命令生成公钥和私钥。公钥通常存储在名为“id_rsa.pub”的文件中,而私钥则存储在名为“id_rsa”的文件中。

将公钥添加到GitHub账户中后,你可以使用SSH协议克隆和推送GitHub仓库中的代码,而不需要每次都输入密码进行身份验证。这使得与GitHub的交互更加方便和安全。

安装Node.js

node.js网址

https://nodejs.org/en/download
curl -sL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt-get install -y nodejs

也可以通过以下命令一键安装

wget -qO- https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh

为什么用到node.js

GitHub Pages是一个免费的静态网站托管服务,支持用户通过Git仓库发布网站。在GitHub Pages中搭建博客时,如果需要使用一些高级功能,如自定义主题、使用Markdown语法编写文章、代码高亮、标签、分类、评论等,就需要使用一些前端框架或工具来帮助我们实现。

其中,Node.js是一款基于Chrome V8引擎的JavaScript运行环境,它具有事件驱动、非阻塞I/O模型 等特点,适用于高并发、数据密集型的应用程序。在GitHub Pages中,使用Node.js可以帮助我们实现自动化构建、打包、压缩等任务,同时也可以通过一些工具库来实现一些高级功能,如Webpack、Gulp、Grunt等。此外,Node.js还可以帮助我们快速搭建一个本地的开发环境,方便我们进行博客主题的开发和测试。

综上所述,Node.js在GitHub Pages中搭建博客中扮演了重要的角色,它可以帮助我们实现一些高级功能,同时也可以提高博客的开发效率和质量。

安装hexo

Hexo是一个基于Node.js的静态博客框架,可以使用Markdown或其他标记语言撰写文章,通过Hexo生成静态网页。Hexo的主要特点是速度快、容易使用和高度可配置性。Hexo支持大量的主题和插件,可以通过主题和插件来自定义和扩展博客的功能和外观。Hexo还提供了一些常用的功能,例如支持多语言、SEO优化、RSS生成等,是一款非常适合个人博客的框架。

安装hexo

npm install -g hexo-cli
#如果提示没找到npm 执行
yum install -y npm

初始化博客

myBlog是博客名字 随意

hexo init myBlog

进入myBlog目录

找到_config.yml进行编辑

可以在https://hexo.io/themes/index.html中挑选主题,下载好后存放在themes目录中,同时在_config.yml进行修改

添加文章

直接把写好的文章导入到_posts文件夹中,注意得是md文档格式

typora下载地址https://typora.io

或者直接

hexo new 文章名

发布网站

接下来就是hexo三件套

hexo clean && hexo g && hexo d

hexo clean 是清除缓存文件 (db.json) 和已生成的静态文件 (public)。在某些情况(尤其是更换主题后)

hexo generate 是编译生成静态文件

hexo deploy 是进行部署 把代码发布到github上去

当然发布之前也可以

hexo s

生成网站预览,通过http://localhost:4000访问

如果hexo d提示 error not found git 通过以下命令安装插件

npm install hexo-deployer-git --save

密码问题

有时候发布的时候也许会遇到这样的问题,就是输入用户名之后的密码不对,点击头像下的settings

拉到最底下进入developer settings

点击personal access tokens 进入tokens(classic)点击添加generate new token,选择classic那个

名字随意,过期时间随意,把repodelete_repo勾选上,点击generate token生成token,这个token只会显示一次,记得保存好

更换域名

如果想要更换域名的话直接在目录下添加一个CNAME文件里面写你的域名,如果换重新发布网站的话还得重写,建议直接写在source下

如果发现不能生效的话点击setting下的pages下的custom domain查看域名是否写对,当然域名解析也得配置好

上传图片

在当前博客下source文件夹下创建images文件夹用于存放文件

同时把typora的偏好设置中插入图片的位置更改为复制到指定路径../../source/images/${filename}

同时在typora中选中格式-图像-设置图片根目录-选择source文件夹

当文件头出现这一栏,再将图片插入即可

自此,github搭建博客的基本操作已完成。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值