文末
面试：如果不准备充分的面试，完全是浪费时间，更是对自己的不负责！
不管怎么样，不论是什么样的大小面试，要想不被面试官虐的不要不要的，只有刷爆面试题题做好全面的准备，当然除了这个还需要在平时把自己的基础打扎实，这样不论面试官怎么样一个知识点里往死里凿，你也能应付如流啊
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
4.1 创建一个GitHub个人仓库
首先，你先要有一个GitHub账户，可以使用邮箱注册。
注册完登录后，在github.com中看到一个New repository，点击新建仓库。
创建一个和你用户名相同的仓库，后面加.github.io，只有这样，将来要部署到GitHub page的时候，才会被识别，也就是xxx.github.io，其中xxx就是你注册GitHub的用户名。我这里是已经创建过了。
输入仓库名之后直接点击Create repository就可以了。
4.2 生成SSH并添加到GitHub
首先需要配置一下Git的user.name和user.email信息，直接使用下面的命令：
git config user.name “your github account”
git config user.email “your email”
这里的user.name输入你的GitHub用户名，user.email输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。配置之后可以使用
git config user.name
git config user.email
来查看配置的信息，然后执行下面的命令创建SSH。
ssh-keygen -t rsa -C “your email”
输入命令之后会提示输入密码，不用管直接一路回车，最后会在你的计算机用户（如WIndows为C:/Users/xyq/）下面生成一个.ssh文件夹（需要设置显示隐藏文件及文件夹），可以看到.ssh文件下面有2个文件id_rsa和id_rsa.pub,
ssh，简单来讲，就是一个秘钥，其中，id_rsa是你这台电脑的私人秘钥，不能给别人看的，id_rsa.pub是公共秘钥，可以随便给别人看。把这个公钥放在GitHub上，这样当你链接GitHub自己的账户时，它就会根据公钥匹配你的私钥，当能够相互匹配时，才能够顺利的通过git上传你的文件到GitHub上。
而后在GitHub的Setting中，找到SSH keys的设置选项，点击New SSH key
把你的id_rsa.pub用记事本打开，然后把里面的全部信息复制到Key里面，Title可以随便填写，然后点击Add SSH Key就可以了。
然后输入下面的命令可以查看我们的配置是否成功：
ssh -T git@github.com
4.3 将Hexo发布到GitHub
这一步，我们就可以将Hexo和GitHub关联起来，也就是将Hexo生成的文章部署到GitHub上，打开站点配置文件 _config.yml，翻到最后，修改为如下配置：
deploy:
type: git
repo:
github: git@github.com:xiayunquan/xiayunquan.github.io.git,master
coding: your_coding_project_url,master
gitee: https://gitee.com/xiayunquan/xiayunquan.git,master
type就是仓库管理系统，我们用的是git；repo就是代码托管平台，这里需要配置你的仓库地址和git分支，我这里配置了GitHub、Coding，还有gitee平台，你想部署到哪个平台就可以在后面添加，如果你只有GitHub，就不用加后面的coding和gitee的配置，仓库地址可以使用https地址或ssh地址2种方式，因为我们已经配置了ssh公钥，所以这里使用ssh地址的形式，使用https地址形式在提交git代码的时候可能要输入账号和密码，不方便，还有就是国内使用https形式提交到GitHub服务器上的时候，可能存在网络代理的问题，但是我这里gitee使用的是https的形式，是因为公司的网络吧gitee部署的端口22给禁了，正常情况下2种形式都是可以的。
配置文件修改好了之后，接下来就是部署发布网站了，但首先我们要安装一下hexo-deployer-git这个插件，
npm install hexo-deployer-git --save
最后执行下面的命令就可以把网站部署到GitHub了
// 清除生成的缓存数据
hexo clean
// 生成静态网页内容
hexo generate 或 hexo g
// 发布
hexo deploy 或 hexo d
当看到命令窗口打印INFO Deploy done:git就说明部署成功了，过一会儿就可以在https://yourGithubName.github.io 这个网站看到你的博客了！！
4.4 绑定个人域名
现在你的个人网站的地址是 yourname.github.io，如果觉得这个网址逼格不太够，这就需要你设置个人域名了，但是需要花钱。如果不需要绑定个人域名就可以直接跳过这一步。
域名注册平台有很多，如阿里云、Godaddy、Namesilo等，不同的平台收费和续费价格不一样，注册的域名不同的后缀的价格也不一样，比如最广泛的.com就比较贵，看个人喜好咯。这里以Namesilo为例看一下如何购买域名。
首先需要注册一个Namesilo账号并登录，然后在输入框输入你想要创建的域名（不带后缀），
然后看到有很多不同后缀的域名可以选择，选一个你喜欢的域名点击Add添加到购物车，
购买成功后,需要到注册时填写的邮箱地址确认，然后需要先去进行实名认证,然后在域名控制台中，就能看到你购买的域名。
接下来需要点击右边的蓝色按钮进行DNS解析，
默认会生成几条解析记录，把后面的删除，只留下两条记录A和CNAME，可以点击EDIT修改内容。也可以全部删除，自己创建新的记录。可以看到我们需要输入ip地址，这个ip地址就是前面我们博客对应的ip，在命令窗口使用下面的命令就可以得到ip了：
ping yourgithubname.github.io
有了ip地址之后，我们编辑A记录的ip为刚刚的pin出来的ip就行了，A记录的作用就是输入个人域名后会跳转到 github博客的ip站点，然后再编辑CNAME记录，HOSTNAME输入框中输入www ，地址框中输入个人域名yourgithubname.github.io就可以了，CNAME记录的作用就是输入个人域名后，会跳转到github博客的域yourgithubname.github.io，通过域名跳转到对应ip站点。
最后，需要把这个申请的个人域名配置到GitHub你的仓库的Settings中，
点击Save保存成功之后，过一会儿就可以使用个人域名进行访问了，当然使用yourgithubname.github.io也是可以访问博客的，只是会自动的跳转到你什么的域名。
最后需要注意的是我们购买的域名有效期是1年，如果你需要到期后自动续费，可以在刚开始购买的时候配置自动续费，默认是不自动续费，第一次购买的时候一般有折扣，自动续费的时候就没有折扣了，这个看自己的需求了。
4.5 将博客源文件提交到GitHub分支
由于hexo d上传部署到GitHub的其实是hexo编译后的文件，是用来生成网页的，不包含源文件。也就是上传的是本地目录里自动生成的.deploy_git里面的文件。而其他文件 ，包括我们写在source 里面的，和配置文件，主题文件，都没有上传到GitHub。如果你现在在自己的笔记本上写的博客，部署在了网站上，那么你在家里用台式机，或者实验室的台式机，发现你电脑里面没有博客的文件，或者要换电脑了，最后不知道怎么移动文件，怎么办？
在这里我们就可以新建一个git的分支专门管理我们的源文件，这样每次打开不一样的电脑，只需要进行简单的配置和并把GitHub上的文件同步下来，就可以无缝操作了。
首先，需要在GitHub上新建一个分支，如“source”分支，名字随便起。并在这个仓库的Settings中，设置默认分支为刚刚创建的分支source（这样每次同步的时候就不用指定分支，比较方便）。
然后在本地的任意目录下执行下面命令
// git clone git@github.com:xiayunquan/xiayunquan.github.io.git
git clone your_repository_git_address
将你的仓库克隆到本地，因为默认分支已经设成了source，所以clone时只会clone了source分支。
接下来在克隆到本地的yourgithubname.github.io中，把除了.git 文件夹外的所有文件都删掉
把之前我们写的博客源文件全部复制过来，除了.deploy_git。复制过来的源文件应该有一个.gitignore，用来忽略一些不需要的文件，如果没有的话，自己新建一个，在里面写上如下内容，表示这些类型文件不需要上传到git：
.DS_Store
Thumbs.db
db.json
*.log
node_modules/
public/
.deploy*/
注意，如果你之前克隆过theme中的主题文件，那么应该把主题文件中的.git文件夹删掉，因为git不能嵌套上传，最好是显示隐藏文件，检查一下有没有，否则上传的时候导致你的themes下面的主题文件无法上传，不然上传之后GitHub的themes下面的文件夹是空的，文件夹图标上有一个向右的白色箭头，如下所示
这就说明themes下面还有一个.get目录，解决办法就是删除themes下面的这个.git文件夹，然后再执行下面的命令即可。
git rm --cached [文件夹名，比如这里的hexo-themes-matery]
git add .
git commit -m “commit messge”
git push origin [branch_name]
这样所有的源文件就上传完了，可以在你的github上看一看创建的分支上有没有上传上去，其中node_modules、public、db.json已经被忽略掉了，没有关系，这些是自动生成的，不需要上传，因为在别的电脑上需要重新输入命令会重新生成 。
更换电脑操作
在另一台电脑上搭建博客的环境，跟之前的环境搭建流程一样，
-
安装git，并设置git全局邮箱和用户名
-
安装nodejs
-
安装hexo
-
然后在任意文件夹下，克隆source分支到文件夹
-
进入这个文件夹，执行
npm install和npm install hexo-deployer-git --save，安装nodejs环境及部署插件 -
最后执行
hexo g和hexo d生成并部署网站就可以在新电脑上开始写你的博客了
但是不要忘了，每次写完最好都把源文件上传到GitHub，这样在其他电脑上每次先拉去一下最新的源文件就能继续写文章了。
到此，我们的博客基本框架搭建就已经完成了，接下来就可以开始你的博客文章创作以及修改博客主题的一些配置。
Hexo的基本配置
在博客的根目录下的_config.yml就是整个hexo框架的配置文件了。可以在里面修改大部分的配置。详细的配置可参考官方配置 。
配置参数非常多，这里看一些必须的配置，Hexo配置文件每一个属性的：后面最好都加一个空格，统一格式，以防出现各种幺蛾子。
| 参数 | 描述 |
| — | — |
| title | 网站标题 |
| subtitle | 网站副标题 |
| description | 网站描述 |
| author | 你的名字，文章的作者 |
| language | 网站使用的语言 |
| timezone | 网站时区。Hexo 默认使用您电脑的时区。 |
| url | 网址，需要把url改成你的网站域名。 |
| root | 网站根目录，这里写/即可 |
| permalink | 文章的 永久链接 格式 |
| theme | 网站的主题，如果你不喜欢默认的主题，你可以去官网下载一个你喜欢的主题，然后放到themes目录下面，再将这个theme参数修改为你的主题就可以了，具体的稍后会讲 |
| deploy | 网站部署配置 |
| type | 仓库类型 |
| repo | 仓库地址，这个我们前面已经配置过了 |
| branch | 仓库分支，如果有多个仓库，则分支直接写在repo地址后面 |
permalink，也就是你生成某篇文章时的那个链接格式，具体的格式选项请参考官方配置的永久链接格式。
trailing_index，为true表示不显示文章链接最后的.html，
比如我新建一个文章叫temp.md，那么这个时候他自动生成的地址就是http://yoursite.com/temp/。
更换主题
Hexo官网上面有非常多好看的主题，你可以选择自己喜欢的主题下载下来放到themes文件夹下面，个人觉得比较好看的主题有Butterfly、Indigo、Matery等，这里以更换为Matery主题为例。
首先点击 官方下载地址 下载 master 分支的最新稳定版的代码，解压缩后，将 hexo-theme-matery 的文件夹复制到你 Hexo 的 themes 文件夹中即可。
当然你也可以在你的 themes 文件夹下使用 git clone 命令来下载:
git clone https://github.com/blinkfox/hexo-theme-matery.git
记得下载之后把hexo-theme-matery目录下面的.git目录删除，不然会出现上面说过的源文件无法上传到GitHub的情况
然后修改 Hexo 根目录下的 _config.yml 的 theme 的值：theme: hexo-theme-matery
建议把根目录下的_config.yml配置文件中的per_page的分页条数值修改为 6 的倍数，如：12、18 等，这样文章列表在各个屏幕下都能较好的显示，我设置的10，但是主题会默认给我们修改成6的倍数，一页显示了12条数据。
新建分类 categories 页
categories 页是用来展示所有分类的页面，如果在你的博客 source 目录下还没有 categories/index.md 文件，那么你就需要新建一个，命令如下：
hexo new page “categories”
编辑你刚刚新建的页面文件 /source/categories/index.md，至少需要以下内容：
title: categories
date: 2021-09-30 17:25:30
type: “categories”
layout: “categories”
新建标签 tags 页
tags 页是用来展示所有标签的页面，如果在你的博客 source 目录下还没有 tags/index.md 文件，那么你就需要新建一个，命令如下：
hexo new page “tags”
编辑你刚刚新建的页面文件 /source/tags/index.md，至少需要以下内容：
title: tags
date: 2021-09-30 18:23:38
type: “tags”
layout: “tags”
新建关于我 about 页
about 页是用来展示关于我和我的博客信息的页面，如果在你的博客 source 目录下还没有 about/index.md 文件，那么你就需要新建一个，命令如下：
hexo new page “about”
编辑你刚刚新建的页面文件 /source/about/index.md，至少需要以下内容：
title: about
date: 2021-09-30 17:25:30
type: “about”
layout: “about”
新建留言板 contact 页（可选的）
contact 页是用来展示留言板信息的页面，如果在你的博客 source 目录下还没有 contact/index.md 文件，那么你就需要新建一个，命令如下：
hexo new page “contact”
编辑你刚刚新建的页面文件 /source/contact/index.md，至少需要以下内容：
title: contact
date: 2021-09-30 17:25:30
type: “contact”
layout: “contact”
注：本留言板功能依赖于第三方评论系统，请激活你的评论系统才有效果。并且在主题的
_config.yml文件中，第19至21行的“菜单”配置，取消关于留言板的注释即可。
新建友情链接 friends 页（可选的）
friends 页是用来展示友情链接信息的页面，如果在你的博客 source 目录下还没有 friends/index.md 文件，那么你就需要新建一个，命令如下：
hexo new page “friends”
编辑你刚刚新建的页面文件 /source/friends/index.md，至少需要以下内容：
title: friends
date: 2021-09-12 21:25:30
type: “friends”
layout: “friends”
同时，在你的博客 source 目录下新建 _data 目录，在 _data 目录中新建 friends.json 文件，文件内容如下所示：
[{
“avatar”: “https://img-blog.csdnimg.cn/20200401094829557.jpg”,
“name”: “郭霖的专栏”,
“introduction”: “每当你在感叹，如果有这样一个东西就好了的时候，请注意，其实这是你的机会”,
“url”: “https://guolin.blog.csdn.net/”,
“title”: “前去学习”
},{
“avatar”: “http://liuwangshu.cn/img/my.jpg”,
“name”: “刘望舒”,
“introduction”: “Android进阶三部曲系列图书作者、腾讯云TVP、前华为技术专家”,
“url”: “http://liuwangshu.cn/system.html”,
“title”: “前去学习”
},{
“avatar”: “https://pic1.zhimg.com/v2-fbfbfc97fee159541dd5a7ec4579a83c_xl.jpg”,
“name”: “扔物线”,
“introduction”: “Google认证开发专家，Compose、Kotlin、自定义View系列教程”,
“url”: “https://rengwuxian.com/”,
“title”: “前去学习”
},{
“avatar”: “https://blinkfox.github.io/medias/avatar.jpg”,
“name”: “闪烁之狐”,
“introduction”: “编程界大佬，技术牛，人还特别好，不懂的都可以请教大佬”,
“url”: “https://blinkfox.github.io/”,
“title”: “前去探索”
}]
新建 404 页
如果在你的博客 source 目录下还没有 404.md 文件，那么你就需要新建一个
hexo new page 404
编辑你刚刚新建的页面文件 /source/404/index.md，至少需要以下内容：
title: 404
date: 2021-09-30 17:25:30
type: “404”
layout: “404”
description: “Oops～，我崩溃了！找不到你想要的页面 😦”
配置基本菜单导航的名称、路径url和图标icon.
1.菜单导航名称可以是中文也可以是英文(如：Index或主页)
2.图标icon 可以在Font Awesome 中查找
menu:
Index:
url: /
icon: fas fa-home
Tags:
url: /tags
icon: fas fa-tags
Categories:
url: /categories
icon: fas fa-bookmark
Archives:
url: /archives
icon: fas fa-archive
About:
url: /about
icon: fas fa-user-circle
Friends:
url: /friends
icon: fas fa-address-book
二级菜单配置方法
如果你需要二级菜单则可以在原基本菜单导航的基础上如下操作
-
在需要添加二级菜单的一级菜单下添加
children关键字(如:About菜单下添加children) -
在
children下创建二级菜单的 名称name,路径url和图标icon. -
注意每个二级菜单模块前要加
-. -
注意缩进格式
menu:
Index:
url: /
icon: fas fa-home
…
Medias:
icon: fas fa-list
children:
- name: Music
url: /music
icon: fas fa-music
- name: Movies
url: /movies
icon: fas fa-film
搜索
本主题中还使用到了 hexo-generator-search 的 Hexo 插件来做内容搜索，安装命令如下：
npm install hexo-generator-search --save
在 Hexo 根目录下的 _config.yml 文件中，新增以下的配置项：
search:
path: search.xml
field: post
中文链接转拼音
如果你的文章名称是中文的，那么 Hexo 默认生成的永久链接也会有中文，这样不利于 SEO，且 gitment 评论对中文链接也不支持。我们可以用 hexo-permalink-pinyin Hexo 插件使在生成文章时生成中文拼音的永久链接。
安装命令如下：
npm i hexo-permalink-pinyin --save
在 Hexo 根目录下的 _config.yml 文件中，新增以下的配置项：
permalink_pinyin:
enable: true
separator: ‘-’ # default: ‘-’
注：除了此插件外，hexo-abbrlink 插件也可以生成非中文的链接。
文章字数统计插件
如果你想要在文章中显示文章字数、阅读时长信息，可以安装 hexo-wordcount插件。
安装命令如下：
npm i --save hexo-wordcount
然后只需在本主题下的 _config.yml 文件中，将各个文章字数相关的配置激活即可：
postInfo:
date: true
update: false
wordCount: false # 设置文章字数统计为 true.
totalCount: false # 设置站点文章总字数统计为 true.
min2read: false # 阅读时长.
readCount: false # 阅读次数.
访问量和访问人次统计
在网站页脚位置显示不蒜子访问人数统计，只需修改主题下的 _config.yml的这些属性就可以了。
不蒜子(http://busuanzi.ibruce.info/) 网站统计
busuanziStatistics:
enable: true
totalTraffic: true # 总访问量
totalNumberOfvisitors: true # 总人次
修改页脚
页脚信息可能需要做定制化修改，而且它不便于做成配置信息，所以可能需要你自己去再修改和加工。修改的地方在主题文件的 /layout/_partial/footer.ejs 文件中，包括站点、使用的主题、访问量等。
修改打赏的二维码图片
在主题文件的 source/medias/reward 文件中，你可以替换成你的的微信和支付宝的打赏二维码图片。
修改网页标签图标和网站logo
favicon: /favicon.png
logo: /medias/logo.png
修改主题颜色
总结：
各行各样都会淘汰一些能力差的，不仅仅是IT这个行业，所以，不要被程序猿是吃青春饭等等这类话题所吓倒，也不要觉得，找到一份工作，就享受安逸的生活，你在安逸的同时，别人正在奋力的向前跑，这样与别人的差距也就会越来越遥远，加油，希望，我们每一个人，成为更好的自己。
-
BAT大厂面试题、独家面试工具包,
-
资料包括 数据结构、Kotlin、计算机网络、Framework源码、数据结构与算法、小程序、NDK、Flutter
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
阅读次数.
访问量和访问人次统计
在网站页脚位置显示不蒜子访问人数统计，只需修改主题下的 _config.yml的这些属性就可以了。
不蒜子(http://busuanzi.ibruce.info/) 网站统计
busuanziStatistics:
enable: true
totalTraffic: true # 总访问量
totalNumberOfvisitors: true # 总人次
修改页脚
页脚信息可能需要做定制化修改，而且它不便于做成配置信息，所以可能需要你自己去再修改和加工。修改的地方在主题文件的 /layout/_partial/footer.ejs 文件中，包括站点、使用的主题、访问量等。
修改打赏的二维码图片
在主题文件的 source/medias/reward 文件中，你可以替换成你的的微信和支付宝的打赏二维码图片。
修改网页标签图标和网站logo
favicon: /favicon.png
logo: /medias/logo.png
修改主题颜色
总结：
各行各样都会淘汰一些能力差的，不仅仅是IT这个行业，所以，不要被程序猿是吃青春饭等等这类话题所吓倒，也不要觉得，找到一份工作，就享受安逸的生活，你在安逸的同时，别人正在奋力的向前跑，这样与别人的差距也就会越来越遥远，加油，希望，我们每一个人，成为更好的自己。
-
BAT大厂面试题、独家面试工具包,
-
资料包括 数据结构、Kotlin、计算机网络、Framework源码、数据结构与算法、小程序、NDK、Flutter
[外链图片转存中…(img-4P7EU4eV-1715794778521)]
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
543
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
