简单优雅的搭建个人博客,java面试必问问题

啊啊啊~~~ ,经过差不多两天的持续摸索优化,个人博客算是初步完成了,现在自己看的效果还是非常不错的。这篇文章就是讲我怎么搭建一个这样的博客的。早在17年的时候就用hexo 结合github搭建过个人博客,但是那时候还太年轻,也没有维护,后面就废掉了。18年的时候又一时兴起搭建了一个。比17年的时候好看些,但是没有什么访问量,可能没有做seo 优化,也没有维护多长时间就放着了,前几天上去看,界面显示都还正常,就是内容太幼稚了。所以时隔一年,我胡汉三又回来了。痛下决心,把整体的博客都搭建好了,包含界面渲染,RSS,评论系统,站内搜索,seo 优化等等。现在让我们开始吧。

博客传送门:

https://quellanan.xyz

最终效果

===================================================================

我们先来看看效果吧,这样对你们可能更有吸引力,更有动力搭建一个属于自己的bolg 啦。

file

主页面是这样的,包含首页、标签、分类、归档、关于、互动、搜索、还有右侧的主页。

最喜欢标签这一页,可以看出整个网站对哪一类的文章写的比较多。

file

还可以通过标签找到对应的文章。还有就就是页脚的网站统计,页面访问人数和访问量的统计。已经整个站点博文的字数。这些相信都是自建博主们最关心的。我也是最关心这部分哈哈,毕竟访问量和人数上去了就有持续更新的动力啦。

file

打赏功能,已经版权申明,还有侧边的文章目录也是超赞的。

file

评论功能,这个评论也是很给力的吧,增加了博主和读者之间的交流。和评论类似还有一个,就是网站右下角那个类似微信图标的那个,那个也是可以直接和博主沟通的哟,不赖吧。这些只是网站的一部分功能,其他的就不说了,开始动手吧

环境准备

===================================================================

  1. 安装git:

https://git-scm.com/book/zh/v2/起步-安装-Git

安装git 之后又配置用户名和邮箱,和github 一致

#全局配置用户名

git config --global user.name “nameVal”

#全局配置邮箱

git config --global user.email “eamil@qq.com”

  1. 安装node.js:https://nodejs.org/en/

这两个不管你linux 还是windows 都非常好安装,网上关键字搜索一下,有官方教程。

  1. 注册github登录账号:https://github.com/

创建好和用户名一样的项目

file

  1. 注册coding登录账号:https://coding.net/login

也是一样的,创建一个和名称相同的项目。这里说一下为什么要用coding,其实不用也可以,coding 和github 的作用一样的,都是作为pages 以及使用他们的域名。不同的是github 是国外的,而coding 是国内的。github搭建的博客不容易被百度检索到,而coding 可以。大家可以根据个人喜好选择吧。这里我是两个都用了,反正就多一条配置。

配置秘钥

===================================================================

$ cd ~

$ ssh-keygen -t rsa -C “your_email@youremail.com”

将生成的秘钥配置到github 和coding 上就好了

安装hexo

=====================================================================

安装好git 和node 之后,安装hexo 就很方便

npm install hexo-cli -g

随后我们创建一个blog 文件夹,用来存放我们的blog.

cd blog

hexo init

npm install

这样基本的框架就已经搭建好了,可以启动看下效果

hexo clean //清缓存

hexo g //编译

hexo s //本地运行

hexo d // 上传到github 或者coding

主题选择

===================================================================

在搭建好框架之后,现在当然是找一个自己喜欢的主题啦,我个人比较喜欢next ,然后就在网上找了一个next 主题,功能配置基本都有了,我就是参照这个大佬的配置过来的。

配置:https://github.com/ipyker/hexo-next-theme

将这位大佬的主题下载下来后,放到我们自己的主题中去就好了。

常见的修改按照这位大佬提示的修改就可以。

保存源码

===================================================================

好了,主题和框架都有了,那接下来其实写博客发布就好了,其实前面的我前两年走到这里了,所以前面没有很细的讲。但是有一些基础的人应该都可以做到,如果不行,可以通过我提到的关键字搜索也可以在网上找到详细的教程。为什么这次又要重新搭建,因为之前没有保存源码,导致github 上只存了pages 的代码。没有保存源码,所以如果源码丢了就得重新搭建了。所以这次学聪明了知道保存源码,不管是换电脑还是什么的,做号备份就不怕了。

我这里讲源码保存在github 上,我们在github项目项目上创建一个分支 save,用来保存源码。master 分支用来pages页面展示。

file

将创建的save 分支设置为默认分支。

然后在本地clone 项目。进入项目

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Java工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Java开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Java)
img

言尽于此,完结

无论是一个初级的 coder,高级的程序员,还是顶级的系统架构师,应该都有深刻的领会到设计模式的重要性。

  • 第一,设计模式能让专业人之间交流方便,如下:

程序员A:这里我用了XXX设计模式

程序员B:那我大致了解你程序的设计思路了

  • 第二,易维护

项目经理:今天客户有这样一个需求…

程序员:明白了,这里我使用了XXX设计模式,所以改起来很快

  • 第三,设计模式是编程经验的总结

程序员A:B,你怎么想到要这样去构建你的代码

程序员B:在我学习了XXX设计模式之后,好像自然而然就感觉这样写能避免一些问题

  • 第四,学习设计模式并不是必须的

程序员A:B,你这段代码使用的是XXX设计模式对吗?

程序员B:不好意思,我没有学习过设计模式,但是我的经验告诉我是这样写的

image

从设计思想解读开源框架,一步一步到Spring、Spring5、SpringMVC、MyBatis等源码解读,我都已收集整理全套,篇幅有限,这块只是详细的解说了23种设计模式,整理的文件如下图一览无余!

image

搜集费时费力,能看到此处的都是真爱!

你这段代码使用的是XXX设计模式对吗?

程序员B:不好意思,我没有学习过设计模式,但是我的经验告诉我是这样写的

[外链图片转存中…(img-BZk9Ov9t-1710430565194)]

从设计思想解读开源框架,一步一步到Spring、Spring5、SpringMVC、MyBatis等源码解读,我都已收集整理全套,篇幅有限,这块只是详细的解说了23种设计模式,整理的文件如下图一览无余!

[外链图片转存中…(img-rRdCNgER-1710430565194)]

搜集费时费力,能看到此处的都是真爱!

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

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值