推广 热搜:   中国  设备  参数  公司  未来  服务  行业  企业  教师 

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

   日期:2024-11-17     作者:sic0574    caijiyuan   评论:0    移动:http://sicmodule.glev.cn/mobile/news/9842.html
核心提示:面试:如果不准备充分的面试,完全是浪费时间,更是对自己的不负责!不管怎么样,不论是什么样的

面试:如果不准备充分的面试,完全是浪费时间,更是对自己的不负责

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

不管怎么样,不论是什么样的大小面试,要想不被面试官虐的不要不要的,只有刷爆面试题题做好全面的准备,当然除了这个还需要在平时把自己的基础打扎实,这样不论面试官怎么样一个知识点里往死里凿,你也能应付如流啊

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导,让我们一起学习成长

4.1 创建一个GitHub个人仓库

首先,你先要有一个GitHub账户,可以使用邮箱注册。

注册完登录后,在github.com中看到一个New repository,点击新建仓库。

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

创建一个和你用户名相同的仓库,后面加.github.io,只有这样,将来要部署到GitHub page的时候,才会被识别,也就是xxx.github.io,其中xxx就是你注册GitHub的用户名。我这里是已经创建过了。

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

输入仓库名之后直接点击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就可以了。

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

然后输入下面的命令可以查看我们的配置是否成功

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添加到购物车

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

购买成功后,需要到注册时填写的邮箱地址确认,然后需要先去进行实名认证,然后在域名控制台中,就能看到你购买的域名。

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

接下来需要点击右边的蓝色按钮进行DNS解析

默认会生成几条解析记录,把后面的删除,只留下两条记录和,可以点击修改内容。也可以全部删除,自己创建新的记录。可以看到我们需要输入ip地址,这个ip地址就是前面我们博客对应的ip,在命令窗口使用下面的命令就可以得到ip了

ping yourgithubname.github.io

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

有了ip地址之后,我们编辑记录的ip为刚刚的pin出来的ip就行了,A记录的作用就是输入个人域名后会跳转到 github博客的ip站点,然后再编辑记录,HOSTNAME输入框中输入 ,地址框中输入个人域名yourgithubname.github.io就可以了,CNAME记录的作用就是输入个人域名后,会跳转到github博客的域yourgithubname.github.io,通过域名跳转到对应ip站点。

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

最后,需要把这个申请的个人域名配置到GitHub你的仓库的Settings中

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

点击Save保存成功之后,过一会儿就可以使用个人域名进行访问了,当然使用yourgithubname.github.io也是可以访问博客的,只是会自动的跳转到你什么的域名。

最后需要注意的是我们购买的域名有效期是1年,如果你需要到期后自动续费,可以在刚开始购买的时候配置自动续费,默认是不自动续费,第一次购买的时候一般有折扣,自动续费的时候就没有折扣了,这个看自己的需求了。

4.5 将博客源文件提交到GitHub分支

由于上传部署到GitHub的其实是hexo编译后的文件,是用来生成网页的,不包含源文件。也就是上传的是本地目录里自动生成的里面的文件。而其他文件 ,包括我们写在source 里面的,和配置文件,主题文件,都没有上传到GitHub。如果你现在在自己的笔记本上写的博客,部署在了网站上,那么你在家里用台式机,或者实验室的台式机,发现你电脑里面没有博客的文件,或者要换电脑了,最后不知道怎么移动文件,怎么办

在这里我们就可以新建一个git的分支专门管理我们的源文件,这样每次打开不一样的电脑,只需要进行简单的配置和并把GitHub上的文件同步下来,就可以无缝操作了。

首先,需要在GitHub上新建一个分支,如“source”分支,名字随便起。并在这个仓库的Settings中,设置默认分支为刚刚创建的分支source(这样每次同步的时候就不用指定分支,比较方便)。

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

然后在本地的任意目录下执行下面命令

// 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下面的文件夹是空的,文件夹图标上有一个向右的白色箭头,如下所示

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

这就说明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框架的配置文件了。可以在里面修改大部分的配置。详细的配置可参考官方配置 。

2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

配置参数非常多,这里看一些必须的配置,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

二级菜单配置方法

如果你需要二级菜单则可以在原基本菜单导航的基础上如下操作

  1. 在需要添加二级菜单的一级菜单下添加关键字(如:菜单下添加)

  2. 在下创建二级菜单的 名称name,路径url和图标icon.

  3. 注意每个二级菜单模块前要加 .

  4. 注意缩进格式

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 2024年安卓最全使用Hexo免费搭建个人博客教程(1),阿里程序员面试流程

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事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)]

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

本文地址:http://sicmodule.glev.cn/news/9842.html    歌乐夫 http://sicmodule.glev.cn/ , 查看更多
 
 
更多>同类行业资讯
0相关评论

新闻列表
企业新闻
推荐企业新闻
推荐图文
推荐行业资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2023001713号