github ssh 配置_教大家怎么用GitHub免费搭建自己的博客网站

d2fa6be0bd4d7f9fe5c0fcb160975792.png

先给你们看看个效果网站:

https://www.a2data.cn/

环境准备:

  • Node.js

  • Hexo

  • Git

  • GitHub SSH key

  • Typora (Md格式书写工具)

  • idea(就是编辑工具,推荐webstorm)


安装Node.js

中文网:https://nodejs.org/zh-cn/download/

官方网站:https://nodejs.org/en/

直接下载对应的安装包,之后一顿操作,跟安装QQ一样。

2d213f6f091ef3f07cc4aea280a84e6c.png

0d42ef01ef268a6aa27b208592ae030e.png

安装步骤如下:

179eb194106618d6d461e287f3148c77.png

01c4333afa0864f60547a69bab6f600f.png

e0c7c9045cd8110baca74a2a755ac761.png

30bbb0f3c38927839524221679030138.png

bd068944c5c50e9339d15957c927bf3d.png

选择安装

23126967b69edbd23eb8d33b866e5a73.png

58c19e1f3c423f0e8a22913a6d6364f2.png

安装完成

7bb765fb068429912b783f79fd3e18cf.png

查看是否安装成功

启动:win键(就是windows图标得那个按键) + R

输入:cmd

清空:cls

b3385bb29ddd6c8c71c43cc8da77f4df.png

安装hexo

npm install hexo-cli -g

输入npm install hexo -g,开始安装Hexo

输入 hexo -v 查看是否安装成功

提示:这个命令可以用cmdwebstom或者git的命令界面去运行。。

6a8484e061fc84e384fea3cd6452c472.png

创建博客

# 方式1 一定要是一个空的文件夹mkdir sqlsq.github.iocd sqlsq.github.iohexo init

提示:这个命令可以用webstom命令界面去运行。。

启动服务就可以访问你的博客了 

hexo s

659b63281b41831e2b6aea9b6b6e23dc.png

本地访问

到此,你已经可以搭建hexo 博客了,恭喜一波。

就直接点一下http://localhost:4000/就可以访问你的博客了

c933774dc0b975b00e527fa945701821.png

以上你的个人博客就创建完成了!如果你也想让别人访问你的网站你就要把你的这个项目上传到你的GitHub!

接下来小编教你怎么上传到github并且设置好所有的配置!

安装Git

官网:https://git-scm.com/downloads

下载直接默认下一步即可:

24c27c496b2a4e801fab4c6227574914.png

15d38bac2e13e6a291ca999386b3d50f.png

c5cae5efc7804009ae39bd0b6e642d76.png

配置自己的ssh

桌面鼠标右键,点击Git Base Here。

# 设置 git 相关信息git config --global user.name "你得昵称"git config --global user.email "your.email"# 生成密钥ssh-keygen -t rsa -C "youemail" # a2data@vip@qq.com`连续回车 3连击` 即可完成密钥的生成创建。

03659ccb958ab52ce48f8285054ab8b6.png

查看密钥

输入cd ~/.ssh,检查是否由.ssh的文件夹 ls 查看
# 本部分需要在 github上使用,别着急请往下看。

cat id_rsa.pub

ba4acba974f7303de400737acd077558.png

先在本地创建一个文件把你的密钥保存下来,下面需要配置github ssh的时候需要用到!就不需要再查询了!

注册Github

打开github官网:https://github.com

5c376069bee17f0eecc0558edb126689.png

b7e2fc749b67761bc770f45f5c33624d.png

3a1acba68af26292e3b86a83a66a8281.png

选择你得职业相关信息:

74713146199aaf1e543fc3dec3720327.png

创建并且会给你发邮件激活:

c7990f3af63664ed6f0969f80089963d.png

登录邮箱激活:

2f6a785356d5b4b40ddec0368aa78f3f.png

配置Github

90ea30909ca63469831513878c57462f.png

配置key

5a08363c0133178ef52f1e8c23dba989.png

22ec7a399a17d5e5ad57ce15fb4b7417.png

完成配置

37ac5cb81a6272fce1b813ec2fc6cf2f.png

测试配置是否成功

输入ssh -T git@github.com,测试添加ssh是否成功。输入yes,如果看到Hi后面是你的用户名,就说明成功了

a7e53248dbadcbb824f1a33f539c26b9.png

配置成功之后就在GitHub创建你的项目仓库!用来保存你的博客

创建仓库

87dd9fbdccac660208bea833ba9a4d85.png

37b959ab4102d62e9f46138b970f602e.png

注意:仓库名格式必须只能这样写 你的用户名+github.io比如我github名字是zenganiu   那我的仓库名就是 zenganiu.github.io

dcac329894d2fc12c73d252a42e42ae7.png

上传你本地的博客到Github

修改配置

修改你博客根目录中_config.yml文件,把你的github的仓库链接配置上去!

deploy:type: gitrepository: git@github.com:nianshaofeng/nianshaofeng.github.io.gitbranch: master

注意:格式repository填的是你的github仓库的ssh地址

怎么查看自己的仓库的ssh地址?

bbe9182e7c6dcfa8e36c2bab5cfe5e7f.png

配置好之后就可以把自己本地的博客上传到github了!

发布部署

# 在生成以及部署文章之前,需要安装一个扩展:如下图npm install hexo-deployer-git --save

ad4872aaca57ad8b62f0c1108606c138.png

# 把项目打包

hexo g 

# 把项目提交到github

hexo d

5fe5e72ba1b5b68568151f4f91ad2c19.png

这样你的博客就上传成功了!你就可以让你的朋友直接访问你的博客项目了!

b17ab62585e4a1e830d43056a1926b97.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Github hexo搭建个人博客的过程可以分为以下几个步骤: 1. 准备工作:首先需要安装两个必要的软件,一个是Git用于版本控制,另一个是Node.js用于运行Hexo。可以在官网下载并安装这两个软件。 2. 注册Github账号以及建立仓库:在Github官网上注册一个账号,并创建一个仓库用于存储博客的代码和文件。 3. 本地配置安装Hexo:在本地电脑上配置Hexo环境。打开命令行界面,使用npm安装Hexo,然后初始化Hexo项目。 4. 设置ssh:为了能够将本地的代码推送到Github仓库中,需要设置SSH密钥。可以通过命令行生成SSH密钥,并将公钥添加到Github账号的设置中。 5. 上传测试博客:在本地编写博客的内容,然后使用Hexo命令生成静态页面,并将生成的页面推送到Github仓库中。 以上就是使用Github hexo搭建个人博客的基本步骤。具体的每个步骤可以参考中提供的程。值得注意的是,如果想要让博客更加美观和炫酷,可以在网上下载一些好看的主题样式,并进行相应的配置。同时,还可以使用hexo-abbrlink等插件来增加博客的功能[2]。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Github+Hexo搭建个人博客(图文详解)](https://blog.csdn.net/weixin_45377770/article/details/105228938)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [hexo+github搭建博客(超级详细版,精细入微)](https://blog.csdn.net/victoryxa/article/details/103733655)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值