2024年使用Hexo 搭建你的技术博客(1),全世界都在问Java开发凉了吗

最后

俗话说,好学者临池学书,不过网络时代,对于大多数的我们来说,我倒是觉得学习意识的觉醒很重要,这是开始学习的转折点,比如看到对自己方向发展有用的信息,先收藏一波是一波,比如如果你觉得我这篇文章ok,先点赞收藏一波。这样,等真的沉下心来学习,不至于被找资料分散了心神。慢慢来,先从点赞收藏做起,加油吧!

另外,给大家安排了一波学习面试资料:

image

image

以上就是本文的全部内容,希望对大家的面试有所帮助,祝大家早日升职加薪迎娶白富美走上人生巅峰!

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

温馨提示:本文大概 7500 字,阅读需要 7 分钟。

前言

如果你是个热爱分(zhuang)享(bi)的人,如果你是一个不甘寂寞的程序猿(媛),你想搭建一个属于自己的个人网站,那么请跟着这篇文章操作一遍,几乎免费让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程。

Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GayHub上,是搭建博客的首选框架,而且有个Github的个人博客逼格一下就上来了!

要想更全面的了解Hexo,可以访问官网 https://hexo.io/zh-cn/docs/

hexo 安装配置


基础组件

安装 Hexo 相当简单,只需要先安装下列应用程序即可:

  • git

  • node.js (Node.js 版本需不低于 8.10,建议使用 Node.js 10.0 及以上版本)

这两个组件安装都很简单,而且作为一名合格的程序猿/媛应该都接触过,安装步骤我们就直接略过了。在你安装完成后可以使用 git --version,和 node -v 两个指令来验证安装结果。

安装hexo

所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

npm install -g hexo-cli 安装完成后可以使用shell命令 hexo -v 验证安装结果,如下所示:

创建博客

建立文件夹,然后进入文件夹后执行 hexo -init shell命令,初始化博客,具体操作如下:

mkdir /blog

cd blog

hexo -init

初始化完成后会在当前目录生成如下几个目录文件

node_modules:依赖包public:存放生成的页面scaffolds:模版 文件夹。当新建文章时,Hexo 会根据 scaffold 来建立文件。source:资源文件夹是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。themes:主题文件夹**_config.yml**  : 博客的配置文件,大部分配置都是基于这个文件完成。

初始化后我们就可以发布博客了,现在本地体验一下效果:

hexo g

hexo server

这样在浏览器访问 http://localhost:4000 就可以查看博客效果了!

github配置


建立仓库

在github上创建一个和你用户名相同的仓库,后面加 .github.io,只有这样,将来要部署到GitHub page的时候,才会被识别,也就是http://yourname.github.io,其中yourname就是你注册GitHub的用户名。

比如博主的用户名是 jianzh5,那么我建立的仓库就是 jianzh5.github.io

生成ssh

  • 使用下面命令配置你的git信息

git config --global user.name “yourname”

git config --global user.email “youremail”

这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。

  • 可以用命令检查并确认你的配置

git config user.name

git config user.email

image.png

  • 生成ssh ssh --keygen -t rsa -C “youremail” 一直回车即可生成ssh,如下所示,图中显示了你生成ssh的位置。

ssh就是一组秘钥。其中,id_rsa是你自己电脑的私人秘钥,id_rsa.pub是公共秘钥。我们把公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

  • 配置ssh 在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key 把你的id_rsa.pub里面的内容信息复制进去。

  • 验证ssh是否配置成功 ssh -T git@github.com

关联

搭建好了Hexo博客,创建好了Github仓库,接下来就是要将两者进行关联,将hexo生成的文章部署到Github上。

  • 修改hexo配置文件,关联github仓库

打开站点配置文件 _config.yml,拉到最后的deploy配置项,增加git配置。大家可以直接将YourgithubName替换成你的github账号即可!

deploy:

type: git

repo: https://github.com/YourgithubName/YourgithubName.github.io.git

branch: master

  • 安装 hexo-deployer-git ,这样就可以部署到Github了

npm install hexo-deployer-git --save

  • 发布文章并部署 执行下面三个命令进行文章发布部署

hexo clean

hexo generate

hexo deploy

hexo clean 清除了你之前生成的东西,可以不加。

hexo generate 生成静态文章,也可以使用缩写 hexo g hexo deploy 部署文章,也可以使用缩写 hexo d

注意在deploy时可能要你输入username和password,直接输入即可。

如果出现上图的效果则说明部署成功,这时候就可以通过浏览器访问并查看你博客效果了。https://jianzh5.github.io 

博客配置


hexo中的大部分配置都是在具体主题中配置,只有些基础配置需要在主配置文件中(_config.yml)配置,比如博客名称、作者、时区等,大家根据情况自行配置,下面是博主的配置

发布文章

hexo 发布文章很简单,只需要在主目录中执行  hexo n "文章标题" 指令,执行完成后会在 /blog/source/_posts 文件夹下生成对应的md文件,要编辑文章只需要使用用md编辑工具编辑生成的文件即可。

在编写文章的时候可以使用tags标签和categories标签给文章打上标签和分类,方便后期检索。示例如下:

主题配置


如果你不太喜欢nexo的默认主题,可以更换一个主题。这里我们选择Next作为我们的博客主题,官方地址为:https://github.com/theme-next/hexo-theme-next

  • 下载next主题 在博客目录地址中执行git指令,下载主题

cd /Users/zhangjian/blog

git clone https://github.com/theme-next/hexo-theme-next themes/next

下载完成后我们就可以在themes主题文件夹下看到next主题文件夹

  • 修改主题配置 打开_config.yml,修改theme属性配置,将值设置成next

  • 重新编译部署

hexo g

hexo d

这样你的博客主题就换成了 next ,可以访问我的博客查看效果:https://jianzh5.github.io/

配置搜索功能

一般博客都会集成搜搜功能,NexT主题支持集成多种搜索:Local Search 、 Algolia、微搜索等。我使用的是Local Search,大家可以自行选择。

Local Search 的配置步骤如下:

  • 安装插件 hexo-generator-searchdb

$ npm install hexo-generator-searchdb

  • 修改站点配置文件

search:

path: search.xml

field: post

format: html

limit: 1000

path:索引文件的路径,相对于站点根目录

field:搜索范围,默认是 post,还可以选择 page、all,all 表示搜索所有页面limit:限制搜索的条目数

  • 修改主题配置文件

# Local search

# Dependencies: https://github.com/next-theme/hexo-generator-searchdb

local_search:

enable: true

  • 效果预览

评论配置

最后

看完美团、字节、腾讯这三家的面试问题,是不是感觉问的特别多,可能咱们又得开启面试造火箭、工作拧螺丝的模式去准备下一次的面试了。

开篇有提及我可是足足背下了1000道题目,多少还是有点用的呢,我看了下,上面这些问题大部分都能从我背的题里找到的,所以今天给大家分享一下互联网工程师必备的面试1000题

注意不论是我说的互联网面试1000题,还是后面提及的算法与数据结构、设计模式以及更多的Java学习笔记等,皆可分享给各位朋友

最新“美团+字节+腾讯”一二三面问题,挑战一下你能走到哪一面?

互联网工程师必备的面试1000题

而且从上面三家来看,算法与数据结构是必备不可少的呀,因此我建议大家可以去刷刷这本左程云大佬著作的《程序员代码面试指南 IT名企算法与数据结构题目最优解》,里面近200道真实出现过的经典代码面试题

最新“美团+字节+腾讯”一二三面问题,挑战一下你能走到哪一面?

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

、设计模式以及更多的Java学习笔记等,皆可分享给各位朋友

[外链图片转存中…(img-8bepH2gw-1715054316840)]

互联网工程师必备的面试1000题

而且从上面三家来看,算法与数据结构是必备不可少的呀,因此我建议大家可以去刷刷这本左程云大佬著作的《程序员代码面试指南 IT名企算法与数据结构题目最优解》,里面近200道真实出现过的经典代码面试题

[外链图片转存中…(img-plPPgRH4-1715054316840)]

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友,可以点击这里获取

  • 19
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值