3683| 4
|
听说创客们都有这样一个自己的网站…… |
本帖最后由 RRoy 于 2020-8-3 13:55 编辑 作为一个技术宅, 一定要有一个专属于自己的个人博客。 CSDN?博客园?知乎?简书? 虽然是你自己的号,但毕竟是别人的地盘。 广告插入多、审核时间长、不准插外链、不准贴二维码…… 自己没有充分的话语权,总有一种在人家屋檐下的感觉。 不够自由,不够洒脱,不够爽! 况且,好像大佬们一般都有自己的个人博客。 我不是大佬,但也悄咪咪搭了一个。 一个完全属于自己的博客,可以随意发内容,记录生活,记录项目。 在自己的地盘写自己的项目, 迈向成为大佬的第一步! 看起来好像还不错的样子,但是我不是程序员,搭这个费事么? 说实话,我之前捣鼓了将近一周的时间 不过,总结下自己走过的弯路, 今天,大家完全可以在1个小时之内,搭建出一个真正属于自己的博客! 而且, 完!全!免!费! 而且,你只需要下面两样东西:
主要步骤
热身准备今天的主角叫Hexo(简单理解为一个博客框架),安装 Hexo 相当简单,只需要先在电脑里安装下列应用程序即可:
如果你的电脑中已经安装上述必备程序,那么恭喜!你可以直接前往安装 Hexo 步骤。 如果你的电脑中还没安装所需要的程序,那么先和我一起来安装它们。 安装 GitGit下载地址:https://git-scm.com/download/ 网站会自动检测你的系统,并推荐最新的发行版本给你下载。 这个时候,在桌面点击鼠标右键(也不一定在桌面),你会发现多了个 点击 键盘输入
第一小步,完成! 安装 Node.js安装地址:https://nodejs.org/en/download/ 镜像源:https://npm.taobao.org/mirrors/node 右键点击 输入 至此,我们热身完毕! 已经完成了安装hexo的前期准备工作! 安装 Hexo重头戏来了! 两个必备的应用程序安装完成后,我们用使用 npm 安装 Hexo。 选择你要安装的盘,新建一个文件夹,我这边名字就取“blog”,进入“blog”,(这个“blog”以后就是你博客根目录了)右键空白处, 点击 输入
输入 接下来,我们输入 这个文件夹,就是你博客站点的根目录! 然后,我们输入 文件夹里面应该会有这些东西: 以后发布文章什么的,我们都在这个根目录下操作,可以直接在这里右键 我们来试试。 输入 OK,我们的博客已经在本地搭建成功了! 不过界面很丑,没有大佬们的那么好看。 我们想办法美化一下它。 更换博客的主题接下来就是换皮肤环节。 我们以黄工的这个博客为列子,他用的主题叫做Next,这个风格很简约,我们来看看是怎么换的。 首先,在博客的根目录里头找到 由于我是在虚拟中运行的,没有合适的软件,所以我选择用记事本打开,(也可以下载一个Visual Studio Code软件打开) 滑到最后,找到 已经看到主题了。 接下来我们复制这个文件夹的名字:hexo-theme-next-master(当然你可以直接重命名成next) 然后替换掉刚才的默认主题:landscape 保存。 然后退回博客的根目录下 依次输入:
一般情况,我们先依次输入 打开网址,next主题修改成功! 至于风格为什么不一样,是因为next主题下还有四种不同的风格。 细心的可能会发现,在hexo-theme-next-master文件里面,还有一个 想要修改成黄工的那个风格,可以在主题的配置文件修改,有兴趣的可以自己琢磨,这里先不多说了。(怕改错的可以先备份)
这里也提供了我自己博客的主题——butterfly,公众号后台回复butterfly可以下载,同样的操作,解压到主题文件夹下,在博客站点的配置文件 这个主题比较花,用到了一些插件,所以先需要运行 安装完后,再依次运行 效果展示: 这个主题支持手机端的黑夜模式,繁简体切换,还可以根据需求调大调小字号,手机端适配做的非常不错。 Next主题手机端显示是这样的: 更多主题,可以参考: 那么问题来了,你的为什么能在手机上显示! next主题下的不同风格: 刚刚我们只是在本地部署,别人并不能看到我们的博客,做博客当然是想分享出去,让更多的人看到。 所以,接下来我们讲讲怎么样发布出去。(其实就是放到github上面,很简单) 注册github账号输入网站:https://github.com/ 这里有一个注意事项! 这边你的用户名会直接影响到后续你博客网站的名字,比如,前面可以看到我测试的这个博客地址是 一步一步正常走下来。 注册成功记得验证邮箱! 创建我们的博客仓库这里我们选择创建仓库 记得这条网址,可以复制下来。 还记得我们主题是在哪里修改的么? 站点配置文件里! 打开站点配置文件 改成这个 保存 里面的 然后又是熟悉的,在博客根目录下,打开 想要把我们电脑上的文件推送到刚在github上建立的仓库里,我们需要安装 输入:
再输入: 会提示让你输入邮箱和姓名,安装他的格式输入就行。 输完敲回车,会出现让你登录你的github的界面,直接输入就好。 显示已经部署到仓库了! 刷新一下我们刚刚的github页面: 现在,你的博客已经可以在网上看到了! 我们看看你的博客网站是什么。 找到 一直往下拉,这个就是你的博客的地址了: 点击访问! 写一篇文章你写的文章都是以 文章的位置在这: 你可以有两种方式写博客。 1、直接选择在博客根目录下 2、直接写文章,以md格式保存到 至于markdown的语法,这里不过多介绍了,大家可以自己百度学习一下。 重要的是,我们社区是支持markdown语法的,意味着你用markdown写了一个项目后,可以发到你的个人博客上,也可以花一分钟时间轻松发到社区! 直接粘过来,不过前面那段最好去掉。 解放生产力,专注做项目! 后记第一次写教程类文章,大家有什么意见或者建议,欢迎反馈。 建博客容易,维护博客难。 由于本身没有很好的基础,前段时间自己也捣鼓了挺长时间的。 遇到问题,找hexo官方文档,找百度,找谷歌,其实一般都能解决。 最后,欢迎大家交流遇到的问题, 如果大家搭好了自己的博客,也欢迎在评论区秀出来! |
© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed