github page hexo博客gitee_hexo+github搭建个人博客

步骤:

  • 安装git
  • 安装node.js
  • 安装hexo
  • 创建一个GitHub仓库
  • 连接GitHub与本地
  • 修改网站相关设置
  • 文章书写与发布

安装git

git 官方下载地址 "https://git-scm.com/"

安装时一路next即可

安装node.js

node.js 官方中文网下载地址 "http://nodejs.cn/download/"

安装时一路next即可

安装hexo

单击右键,选择Git Bash Here,输入以下命令安装hexo

$ npm install -g hexo-cli 

验证是否安装成功 "hexo -v"

$ hexo -v

在计算机合适的位置创建一个文件夹(这里我选择的路径为 E:blog,打开该文件夹(这里即为blog文件夹),右键单击,选择Git Bash Here,输入命令"hexo init"初始文件夹

$ hexo init

文件夹初始化后如下

9be141c156624cd80664aa4327e5e5f0.png
scaffolds     模板文件夹scource       资源文件夹themes        主题文件文件夹_config.yml   网站配置信息package.json  应用程序信息

安装相关组件 “npm install"

$ npm install

打开本地服务器”hexo s"

$ hexo s

在浏览器输入地址"localhost:4000/"就可以看到我们的博客

3de6404f22857216e926cf46c530f077.png

ctrl+c关闭服务器

这时创建的博客只能在本地浏览,要让其他人也能看到该怎么办?那就要将它托管到GitHub平台。

创建一个GitHub仓库

输入"https://github.com/"按要求注册账户

创建一个GitHub仓库

395cea6387f159404f02411aa4f568d2.png
89b0d8da361352f2d9db2dc9c0248afa.png

点击创建即可。

进入setting,下拉找到GitHub Page,即可看到自己在GitHub上的主页地址,先choose a theme,之后便可跳转至该页面。

083711fd3e28829e244a080868476b66.png
6a853590e8379df1f0d28c1100b539a3.png
3ae2b4aac6023e755becccacd1bce928.png

连接GitHub与本地

进入.ssh文件夹(c:userAdministrator目录下,为隐藏文件夹),这里用Git Bash 定位到该文件夹下

$ cd ~/.ssh

检查是否有id_rsa和id_rsa.pub这两个文件

$ 1s

若没有则会显示 command not found

可以通过以下命令来创建(创建时一直回车就可以,不用输入任何内容)

$ ssh-keygen -t rsa -C "你注册GitHub的邮箱"

显示SSH KEY

$ cat ~/.ssh/id_rsa.pub

将生成的SSH KEY复制到剪贴板上

7c2e5dab72939467a7140e9aba59ef4f.png

打开GitHub,按下图所示、

8fbce74cce72d480689f2e250c2512ac.png
b7a432df673f48a66d3fd2ad2003d966.png
d449d5534faa50a3c2450e6eae9b36f0.png

最后点击Add SSH Key即可。再验证是否添加成功,输入以下命令。

$ ssh -T git@github.com

出现以下则配置成功

Hi 你的GitHub用户名! You've successfully authenticated, but GitHub does not provide shell access.

设置用户名

$ git config --global user.name "此处为你的GitHub账号”

设置邮箱

$ git config --global user.email "此处为你注册GitHub的邮箱"

修改网站相关设置、

找到博客文件夹文件(_config.yml),以记事本方式打开,下拉至最后,找到deploy,如图

b33a8ea459b8f98a5b75931ae504fe9d.png

修改为

deploy:  type: git  repository: https://github.com/seaantwh/seaantwh.github.io  branch: master

repository后的链接为你仓库地址(可直接将seaantwh替换为你的GitHub账户名)

site的修改

e7727a3507fd76886aff9ffb9cd944ea.png
340659ba353314cf93623531a197328a.png

文章书写与发布文章

定位博客根目录下,右键打开git bash,运行以下命令安装扩展

$ npm i hexo-deployer-git

输入以下命令新建一篇文章。

$ hexo new post "new article"

打开文件夹目录blogsource_posts,可以发现下面多了一个文件夹(存放图片等数据)和一个.md文件(markdown格式文件,存放文章)

编写完.md文件后,博客根目录下打开Git Bash

$ hexo g     生成静态网页$ hexo s     打开本地服务器预览$ hexo d     上传至GitHub
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值