如何利用github搭建个人网站

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何利用github搭建个人网站相关的知识,希望对你有一定的参考价值。

如果你现在还没有自己个人博客网站的话,那么我觉得你看完本篇博客后,强烈的建议你去折腾折腾下,搞个自己的,让自己也能够体验装 X 的感觉。
要想用搭建一个个人博客网站,首先你得有一个域名,这样别人才可以通过域名访问,其次你还要一个空间来存放你的页面。
空间 空间有免费的空间,也有收费的空间。免费的当然就不够稳定了,收费的就很贵了,终究是很不爽,有没有什么地方是既免费又稳定的空间呢?有,Github 。它允许上传个人网站项目并自定义你的域名,而且又有稳定的服务,实在是不能够在好了。
下面就一起跟着我来一步一步的利用 Github 搭建个人博客网站吧!
1. 拥有一个域名
这个步骤我就不详述了。
举例:
打开腾讯云官网
搜索你想要的域名,下单买一个
2. 拥有一个 Github账号
互联网崇尚自由与分享。Github 是一个全世界程序员聚集的地方,大家相互分享自己写的代码,提升别人,也提升自己。大家都在为着开源社区努力着。因为我从开源项目中学到很多知识,所以我也非常愿意分享我的所见所学所得,我的 Github 主页:https://github.com/zhisheng17 (欢迎 follow 和对我的项目给个 star 或者 fork 我的项目一起来和我完善项目)
如果还没有 Github 账号的话你就先去注册一个吧,有的话,直接登录就行,后面的操作都要用到 Github 的。
3. Github 上新建个人网站项目
登录 GitHub 之后,在页面右上角点击 + 加号按钮,点击 New repository。

由于我们是新建一个个人网站项目,所有仓库的名称需要安装 GitHub 个人网站项目的规定来写。
规则就是:
YOUR-GITHUB-USERNAME.github.io
比如我的 GitHub 用户名是 zhisheng17,那我就要填写 zhisheng17.github.io。然后选择公开模式,接着点击创建仓库按钮。

创建成功之后,进入了项目主页面。点击设置按钮。

进入之后,滚动页面到下方。点击页面自动生成器按钮。

点击右下方继续去布局按钮。

选择一个模板,点击发布页面按钮。
参考技术A

现在GitHub已经开放建站了,先去注册一个github账户,然后新建一个仓库,仓库设置里有一个网站设置的,具体可以去看看别人的教程。《GitHub建站以及WordPress文章迁移》

保姆级利用Github搭建自己的个人博客,看完就会

大家好,我是辰哥~

作为一名喜欢技术的爱好者,平时喜欢把自己学习技术的心得或者一些踩坑、易错的过程记录下来,首选的是技术平台(博客),今天辰哥来教大家如何利用Github来搭建一个自己的个人博客平台。

相信Github大家都有听过,甚至是经常用,除了可以作为开源源码的交流平台,还提供了搭建博客的功能。目前一些大佬、老师的博客用的就是Github搭建的(辰哥见过很多)

01、环境准备

在搭建Github博客之前,先准备一下环境(安装下方的顺序来安装,别弄混了)

1、访问git官方地址,下载对应的安装包,进行安装(简单的点击下一步)。

2、安装好之后,鼠标右键可以看到:Git Bash Here,点击后打开了。

3、输入:git --version

出现这个说明git安装成功。

1、访问nodejs官方地址,下载对应的安装包,进行安装(简单的点击下一步)。

2、安装好之后,配置环境变量,并在终端里面输入:node -v

出现这个说明nodejs安装成功~

测试是否安装成功,命令:hexo -v

02、git配置SSH key

相信看到本文的你应该听过github,并且也注册了自己的github账号,如果现在还没有的可以去github注册一个账号。

先看本地是否配置好SSH key(命令:cd ~/.ssh)

这里辰哥之前就配置了,现在删除配置,重新配置一边,方便读者可以跟着进行配置。

再次查看

可以看到提示:/c/Users/Administrator/.ssh: No such file or directory

1.配置ssh

输入生成命令:ssh-keygen -t rsa -C "邮件地址"后。连续回车三次即可

可以看到在用户文件夹下生成了一个ssh文件夹

进入到ssh文件夹,复制id_rsa.pub文件里全部内容

接着打开github主页,点击个人设置,点击左侧的SSH and GPG keys,点击New SSH key 

将id_rsa.pub复制的内容粘贴到key中,title随便起一个就行。

点击 Add SSH key

输入测试命令后,接着输入yes,出现下面这个提示说明成功

配置账号和密码

$ git config --global user.name "liyunchen" #你的github用户名
$ git config --global user.email "xxx@163.com" #填写你的github注册邮箱

03 搭建个人博客

1.新建博客

开始之前先介绍一下heox的基本命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,\'ctrl + c\'关闭server)
hexo deploy #部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

新建一个保存博客的存放目录,比如辰哥的是:D:\\公众号\\0722

可以看到博客存放目录出现了如下内容:

可以看到访问没问题。

但这个只是在本地预览,接着将这个博客部署到github。

2.部署到github

新建一个github仓库

给仓库起个名称,注意!注意!注意!

辰哥的仓库名称为:liyunchen.github.io

因为这个仓库名称将作为你github博客的访问地址

编辑_config.yml,_config.yml在博客存放目录下

deploy:
  type: git
  repository: git@github.com:liyunchen/liyunchen.github.io.git
  branch: main

repository仓库地址改为自己的

branch看自己的github仓库是master还是main,辰哥这里是main,所以就填写main

可以看到成功访问

04 编写博客

搭建好博客之后,日常中肯定是需要编写博客并且同步到github,辰哥来带大家写一篇博客

查看对应的文件夹

可以看到生成了一个chenge-first-blog.md文件,通过这个md文件去写博客

默认的内容是这样的:

---
title: chenge-first-blog
date: 2021-07-22 14:08:14
tags:
---
这里方开始编写正文

开始编写博客内容(markdown格式)

这里辰哥以之前的一篇文章为例

其中的<!--more-->,作用是在查看文章的时候,点击more的时候再加载全部的文章内容

编写好之后,开始部署到github

再次访问:

可以看到编写的博客已经同步到github平台,并且<!--more-->的作用也可以看到了:read more

05 小结

本文从0到1搭建了自己的个人博客,过程很详细,并且可能会出现的错误都做出了说明和解决方法。绝对的保姆级教程,看完就会

希望看到本文的你可以给辰哥一个赞,点个再看就更好了,鼓励原创作者不断前进。最后附上辰哥搭建好的博客地址,所有人都有可以访问。

以上是关于如何利用github搭建个人网站的主要内容,如果未能解决你的问题,请参考以下文章

保姆级利用Github搭建自己的个人博客,看完就会

利用github搭建个人网站

利用GitHub搭建个人网站

教程 | 如何利用C++搭建个人专属的TensorFlow

利用github搭建网站

利用Github免费搭建个人主页(转)