从1开始搭建自己的博客(hexo+github)

发布于:2023-01-04 ⋅ 阅读:(380) ⋅ 点赞:(0)

一·前提准备

1.linux环境虚拟机(博主使用的是ubuntu)

2.GitHub注册,GitHub Pages创建

首先是虚拟机的配置,我用的是vmware搭在ubuntu镜像。

由于这一步比较复杂且不是本篇重点,故略过。

 配置好之后是这个样子

之后在主目录下打开终端

其次是github的注册和网页生成,由于同样的理由,此步略过。

 下面是已经创建好的仓库

 二·配置安装git、nodejs

首先老步骤检查更新

sudo apt-get upgrade

sudo apt-get update

 之后安装nodejs

sudo apt-get install git 

sudo apt-get install nodejs 

sudo apt-get install npm

 之后安装hexo

npm install -g hexo-cli

 按照教程,创建文件夹myblog

sudo hexo init myblog

cd myblog

sudo npm install

值得一提的是,如果为了避免意外,最好每一次命令行都加sudo,否则可能会出现权限不够等问题。配置博客的过程本来就会遇到很多问题,虽然会有提醒,但避免这类问题可以提高不少效率。

 

 创建好的文件夹如图。

三.尝试创建本地hexo博客

在myblog中打开终端

依次输入以下代码(最好前面加sudo)

hexo clean

hexo g

hexo s

运行如下: 

此处生成的网址  http://localhost:4000只能用本地浏览器打开,我用的是chrome。打开chrome复制网址回车即可。

此时生成的是初始页面,为了让我们的博客个性化,还需要对文件进行配置。

四·配置hexo文件

打开myblog下的站点配置文件 _config.yml,

如图

我的文件默认只读,为了对文件进行编辑,我们可以在myblog下打开终端解除锁定。

 sudo chmod 777 _config.yml

 之后就我们可以选择一款自己喜欢的主题,并应用到自己的博客上。

五·将本地博客推送到github上

同第四点,打开myblog下的站点配置文件 _config.yml,翻到最后repo

 

 将repo后改为自己github仓库的地址

 用命令行安装对应软件

sudo npm install hexo-deployer-git --save

sudo hexo clean

sudo hexo generate

sudo hexo deploy

其中,后三步可以简写为

sudo hexo clean

sudo hexo g

sudo hexo d

之后每每修改博客,若要成功推送,最好都按照以上流程

其中

hexo clean 清理文件

hexo g     生成 文件

hexo d把本地博客推到网上

如果要提前查看博客效果,可以在hexo g之后输入hexo s,在本地查看。

之后输入自己github上的用户名和密码就可以了。

值得一提的是,我的用户名其实输入的是绑定的邮箱,而密码则是github生成的秘钥。

六。修改博客主题

我们可以用yilia主题试手

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

 在配置文件中使用同样方法修改

相应链接可以替换为自己的社交软件

         

 按照readme修改文件,根据自己的爱好个性化

 当然,博主后来选用的是next主题,在此把自己的博客附上

仿生程序员会梦见代码羊吗 (algernon98.github.io)


网站公告

今日签到

点亮在社区的每一天
去签到