面试:如果不准备充分的面试,完全是浪费时间,更是对自己的不负责!
不管怎么样,不论是什么样的大小面试,要想不被面试官虐的不要不要的,只有刷爆面试题题做好全面的准备,当然除了这个还需要在平时把自己的基础打扎实,这样不论面试官怎么样一个知识点里往死里凿,你也能应付如流啊
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化学习资料的朋友,可以戳这里获取
一个人可以走的很快,但一群人才能走的更远!不论你是正从事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文件下面有2个文件和,
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上,打开站点配置文件 ,翻到最后,修改为如下配置:
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的配置,仓库地址可以使用地址或地址2种方式,因为我们已经配置了ssh公钥,所以这里使用ssh地址的形式,使用https地址形式在提交git代码的时候可能要输入账号和密码,不方便,还有就是国内使用https形式提交到GitHub服务器上的时候,可能存在网络代理的问题,但是我这里gitee使用的是https的形式,是因为公司的网络吧gitee部署的端口22给禁了,正常情况下2种形式都是可以的。
配置文件修改好了之后,接下来就是部署发布网站了,但首先我们要安装一下这个插件,
npm install hexo-deployer-git --save
最后执行下面的命令就可以把网站部署到GitHub了
// 清除生成的缓存数据
hexo clean
// 生成静态网页内容
hexo generate 或 hexo g
// 发布
hexo deploy 或 hexo d
当看到命令窗口打印就说明部署成功了,过一会儿就可以在 这个网站看到你的博客了!!
4.4 绑定个人域名
现在你的个人网站的地址是 yourname.github.io,如果觉得这个网址逼格不太够,这就需要你设置个人域名了,但是需要花钱。如果不需要绑定个人域名就可以直接跳过这一步。
域名注册平台有很多,如阿里云、Godaddy、Namesilo等,不同的平台收费和续费价格不一样,注册的域名不同的后缀的价格也不一样,比如最广泛的.com就比较贵,看个人喜好咯。这里以Namesilo为例看一下如何购买域名。
首先需要注册一个Namesilo账号并登录,然后在输入框输入你想要创建的域名(不带后缀),
然后看到有很多不同后缀的域名可以选择,选一个你喜欢的域名点击Add添加到购物车,
购买成功后,需要到注册时填写的邮箱地址确认,然后需要先去进行实名认证,然后在域名控制台中,就能看到你购买的域名。
接下来需要点击右边的蓝色按钮进行DNS解析,
默认会生成几条解析记录,把后面的删除,只留下两条记录和,可以点击修改内容。也可以全部删除,自己创建新的记录。可以看到我们需要输入ip地址,这个ip地址就是前面我们博客对应的ip,在命令窗口使用下面的命令就可以得到ip了:
ping yourgithubname.github.io
有了ip地址之后,我们编辑记录的ip为刚刚的pin出来的ip就行了,A记录的作用就是输入个人域名后会跳转到 github博客的ip站点,然后再编辑记录,HOSTNAME输入框中输入 ,地址框中输入个人域名yourgithubname.github.io就可以了,CNAME记录的作用就是输入个人域名后,会跳转到github博客的域yourgithubname.github.io,通过域名跳转到对应ip站点。
最后,需要把这个申请的个人域名配置到GitHub你的仓库的Settings中,
点击Save保存成功之后,过一会儿就可以使用个人域名进行访问了,当然使用yourgithubname.github.io也是可以访问博客的,只是会自动的跳转到你什么的域名。
最后需要注意的是我们购买的域名有效期是1年,如果你需要到期后自动续费,可以在刚开始购买的时候配置自动续费,默认是不自动续费,第一次购买的时候一般有折扣,自动续费的时候就没有折扣了,这个看自己的需求了。
4.5 将博客源文件提交到GitHub分支
由于上传部署到GitHub的其实是hexo编译后的文件,是用来生成网页的,不包含源文件。也就是上传的是本地目录里自动生成的里面的文件。而其他文件 ,包括我们写在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上看一看创建的分支上有没有上传上去,其中、、已经被忽略掉了,没有关系,这些是自动生成的,不需要上传,因为在别的电脑上需要重新输入命令会重新生成 。
更换电脑操作
在另一台电脑上搭建博客的环境,跟之前的环境搭建流程一样,
-
安装git,并设置git全局邮箱和用户名
-
安装nodejs
-
安装hexo
-
然后在任意文件夹下,克隆source分支到文件夹
-
进入这个文件夹,执行和,安装nodejs环境及部署插件
-
最后执行和生成并部署网站就可以在新电脑上开始写你的博客了
但是不要忘了,每次写完最好都把源文件上传到GitHub,这样在其他电脑上每次先拉去一下最新的源文件就能继续写文章了。
到此,我们的博客基本框架搭建就已经完成了,接下来就可以开始你的博客文章创作以及修改博客主题的一些配置。
Hexo的基本配置
在博客的根目录下的就是整个hexo框架的配置文件了。可以在里面修改大部分的配置。详细的配置可参考官方配置 。
配置参数非常多,这里看一些必须的配置,Hexo配置文件每一个属性的后面最好都加一个空格,统一格式,以防出现各种幺蛾子。
| 参数 | 描述 |
| — | — |
| title | 网站标题 |
| subtitle | 网站副标题 |
| description | 网站描述 |
| author | 你的名字,文章的作者 |
| language | 网站使用的语言 |
| timezone | 网站时区。Hexo 默认使用您电脑的时区。 |
| 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主题为例。
首先点击 官方下载地址 下载 分支的最新稳定版的代码,解压缩后,将 的文件夹复制到你 Hexo 的 文件夹中即可。
当然你也可以在你的 文件夹下使用 命令来下载:
git clone https://github.com/blinkfox/hexo-theme-matery.git
记得下载之后把hexo-theme-matery目录下面的.git目录删除,不然会出现上面说过的源文件无法上传到GitHub的情况
然后修改 Hexo 根目录下的 的 的值:
建议把根目录下的_config.yml配置文件中的per_page的分页条数值修改为 的倍数,如:、 等,这样文章列表在各个屏幕下都能较好的显示,我设置的10,但是主题会默认给我们修改成6的倍数,一页显示了12条数据。
新建分类 categories 页
页是用来展示所有分类的页面,如果在你的博客 目录下还没有 文件,那么你就需要新建一个,命令如下:
hexo new page “categories”
编辑你刚刚新建的页面文件 ,至少需要以下内容:
title: categories
date: 2021-09-30 17:25:30
type: “categories”
layout: “categories”
新建标签 tags 页
页是用来展示所有标签的页面,如果在你的博客 目录下还没有 文件,那么你就需要新建一个,命令如下:
hexo new page “tags”
编辑你刚刚新建的页面文件 ,至少需要以下内容:
title: tags
date: 2021-09-30 18:23:38
type: “tags”
layout: “tags”
新建关于我 about 页
页是用来展示关于我和我的博客信息的页面,如果在你的博客 目录下还没有 文件,那么你就需要新建一个,命令如下:
hexo new page “about”
编辑你刚刚新建的页面文件 ,至少需要以下内容:
title: about
date: 2021-09-30 17:25:30
type: “about”
layout: “about”
新建留言板 contact 页(可选的)
页是用来展示留言板信息的页面,如果在你的博客 目录下还没有 文件,那么你就需要新建一个,命令如下:
hexo new page “contact”
编辑你刚刚新建的页面文件 ,至少需要以下内容:
title: contact
date: 2021-09-30 17:25:30
type: “contact”
layout: “contact”
注:本留言板功能依赖于第三方评论系统,请激活你的评论系统才有效果。并且在主题的 文件中,第 至 行的“菜单”配置,取消关于留言板的注释即可。
新建友情链接 friends 页(可选的)
页是用来展示友情链接信息的页面,如果在你的博客 目录下还没有 文件,那么你就需要新建一个,命令如下:
hexo new page “friends”
编辑你刚刚新建的页面文件 ,至少需要以下内容:
title: friends
date: 2021-09-12 21:25:30
type: “friends”
layout: “friends”
同时,在你的博客 目录下新建 目录,在 目录中新建 文件,文件内容如下所示:
[{
“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 页
如果在你的博客 目录下还没有 文件,那么你就需要新建一个
hexo new page 404
编辑你刚刚新建的页面文件 ,至少需要以下内容:
title: 404
date: 2021-09-30 17:25:30
type: “404”
layout: “404”
description: “Oops~,我崩溃了!找不到你想要的页面 😦”
配置基本菜单导航的名称、路径url和图标icon.
1.菜单导航名称可以是中文也可以是英文(如:或)
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
二级菜单配置方法
如果你需要二级菜单则可以在原基本菜单导航的基础上如下操作
-
在需要添加二级菜单的一级菜单下添加关键字(如:菜单下添加)
-
在下创建二级菜单的 名称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 根目录下的 文件中,新增以下的配置项:
search:
path: search.xml
field: post
中文链接转拼音
如果你的文章名称是中文的,那么 Hexo 默认生成的永久链接也会有中文,这样不利于 ,且 评论对中文链接也不支持。我们可以用 hexo-permalink-pinyin Hexo 插件使在生成文章时生成中文拼音的永久链接。
安装命令如下:
npm i hexo-permalink-pinyin --save
在 Hexo 根目录下的 文件中,新增以下的配置项:
permalink_pinyin:
enable: true
separator: ‘-’ # default: ‘-’
注:除了此插件外,hexo-abbrlink 插件也可以生成非中文的链接。
文章字数统计插件
如果你想要在文章中显示文章字数、阅读时长信息,可以安装 hexo-wordcount插件。
安装命令如下:
npm i --save hexo-wordcount
然后只需在本主题下的 文件中,将各个文章字数相关的配置激活即可:
postInfo:
date: true
update: false
wordCount: false # 设置文章字数统计为 true.
totalCount: false # 设置站点文章总字数统计为 true.
min2read: false # 阅读时长.
readCount: false # 阅读次数.
访问量和访问人次统计
在网站页脚位置显示不蒜子访问人数统计,只需修改主题下的 的这些属性就可以了。
busuanziStatistics:
enable: true
totalTraffic: true # 总访问量
totalNumberOfvisitors: true # 总人次
修改页脚
页脚信息可能需要做定制化修改,而且它不便于做成配置信息,所以可能需要你自己去再修改和加工。修改的地方在主题文件的 文件中,包括站点、使用的主题、访问量等。
修改打赏的二维码图片
在主题文件的 文件中,你可以替换成你的的微信和支付宝的打赏二维码图片。
修改网页标签图标和网站logo
favicon: /favicon.png
logo: /medias/logo.png
修改主题颜色
各行各样都会淘汰一些能力差的,不仅仅是IT这个行业,所以,不要被程序猿是吃青春饭等等这类话题所吓倒,也不要觉得,找到一份工作,就享受安逸的生活,你在安逸的同时,别人正在奋力的向前跑,这样与别人的差距也就会越来越遥远,加油,希望,我们每一个人,成为更好的自己。
-
BAT大厂面试题、独家面试工具包,
-
资料包括 数据结构、Kotlin、计算机网络、framework源码、数据结构与算法、小程序、NDK、Flutter
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化学习资料的朋友,可以戳这里获取
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
访问量和访问人次统计
在网站页脚位置显示不蒜子访问人数统计,只需修改主题下的 的这些属性就可以了。
busuanziStatistics:
enable: true
totalTraffic: true # 总访问量
totalNumberOfvisitors: true # 总人次
修改页脚
页脚信息可能需要做定制化修改,而且它不便于做成配置信息,所以可能需要你自己去再修改和加工。修改的地方在主题文件的 文件中,包括站点、使用的主题、访问量等。
修改打赏的二维码图片
在主题文件的 文件中,你可以替换成你的的微信和支付宝的打赏二维码图片。
修改网页标签图标和网站logo
favicon: /favicon.png
logo: /medias/logo.png
修改主题颜色
各行各样都会淘汰一些能力差的,不仅仅是IT这个行业,所以,不要被程序猿是吃青春饭等等这类话题所吓倒,也不要觉得,找到一份工作,就享受安逸的生活,你在安逸的同时,别人正在奋力的向前跑,这样与别人的差距也就会越来越遥远,加油,希望,我们每一个人,成为更好的自己。
-
BAT大厂面试题、独家面试工具包,
-
资料包括 数据结构、Kotlin、计算机网络、framework源码、数据结构与算法、小程序、NDK、Flutter [外链图片转存中…(img-4P7EU4eV-1715794778521)]
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化学习资料的朋友,可以戳这里获取