木肃的博客

博客的搭建

在学习搭建博客之前,我一直使用的是CSDN来记录自己学到的东西,但是直到自己真正开始系统的学习信息安全的时候,大佬告诉我要自己搭建一个博客来记录。
但是。。。。
我是不会放弃CSDN的!!!!!
花了小半天的时间学习怎么搭建博客并成功搭好,把这个作为我的第一篇帖子,不是为了纪念,而是我怕我以后忘了
个人博客=域名+外网服务器+本地解析

下载git

官网下载:https://git-scm.com/download/win

博客搭建

安装git

安装git图一

安装git图二
安装git图三
安装git图四
安装git图五
安装git图六
安装git图七
安装git图八
到这git就安装完了

下载node.js

下载地址:http://nodejs.org/download/

安装node.js

安装node.js图一
安装node.js图二
安装node.js图三
安装node.js图四
安装node.js图五
安装node.js图六
到此Node.js就安装完了

安装Hexo

Hexo是一个快速简洁且高效的博客框架。hexo使用Markdown解析文章,在几秒内就可生成静态网页。
在cmd中运行命令来安装hexo:npm install -g hexo-cli
安装hexo图一

新建一个名为blog的文件夹

在里面打开cmd,输入hexo init . (初始化 .是当前路径)
初始化后,会在blog目录下生成很多文件
hexo生成文件
在这些文件中,“_config.yml”是整个网站的总配置文件
_config.yml

修改“_config.yml”文件

使用VSC打开_config.yml文件,修改“title、description、author、language以及url等
_config.yml

登录github

在此之前,你需要有一个GitHub的账号,注册账号大家应该都会我就不写在上面了,截图上传太麻烦了

点击右上角的加号选择“New repository”创建新库
选择“New repository”
创建名,名字要相同哦
_config.yml
初始界面大概就像下图一样,里面已经加入内容,忽略掉就是初始界面:
初始界面
选择“create new file”写文件
_config.yml

博客地址

博客的地址:https://xiaoli24680.github.io
xiaoli24680是我的用户名,大家要根据自己起的名来进行访问哦

下载静态文件完成访问

在blog目录中打开cmd窗口

执行命令:hexo generate
目的是下载静态文件到本地
_config.yml
执行命令:hexo server
目的是开启服务器,本地访问
_config.yml

到这里你就可以打开显示出的网址,来本地查看一下自己的网站

同步本地文件至GitHub

打开GitHubDesktop并登录

选择“clone a repository”
_config.yml
选择数据库,设置存放文件的位置,点击“clone”
_config.yml
把写好的文件放入上一步设置的路径中(注:必须是静态文件),打开GitHub Desktop
_config.yml
选择要上传的文件,写完摘要,描述,点击“commit to master”

同步操作

_config.yml

更换主题

自带的主题其实挺好看的,但是大佬却很嫌弃自带的主题(审美不同)。出于欣赏美的角度出发,我看了不同主题,发现好看的确实多(啪啪打脸)
更换主题网址:https://hexo.io/themes/

下载主题

复制主题的路径
_config.yml
在/blog/themes文件夹中打开cmd,输入命令:
git clone 主题路径

在主配置文件中修改一下主题
在blog文件夹中用visual studio code打开_config.yml文件,搜索“theme”并修改
_config.yml

接下来清空旧源代码,生成新的源代码

在主配置文件(blog)中打开cmd
输入命令:hexo clean
用来清除旧文件
_config.yml
输入命令:hexo generate
用来生成新文件
_config.yml
输入命令: hexo server
目的:开启本地服务器,在本地查看网站
_config.yml

上传主题

第一步:在GitHub数据库的文件夹中删除所有文件,把blog文件夹中的public文件夹下面的所有文件复制粘贴到GitHub数据库文件夹中

第二步:在GitHub desktop中添加摘要和描述,然后点击“commit to master”
第三步:进行同步

开始写下自己的第一篇博客吧!

第一步:在blog文件夹中打开cmd,输入命令:
hexo new “My-new-post”
会在/blog\source_posts生成一个My-new-post.md文件
_config.yml
第二步:打开VSC开始写下你的第一篇博客内容吧
第三步,把写好的东西保存好,本地查看一下,没有问题的话就可以上传同步喽