基于Hexo搭建自己的博客主页

    xiaoxiao2022-07-04  137

    搭建自己博客分为两类,一种是托管到github上的,以hexo为代表,另一种是需要自己购买服务器,主要使用wordpress框架。有不花钱的效果也很不错,就没必要自己再购买服务器了,下边主要介绍下使用hexo搭建个人博客。

    hexo支持Markdown,使用Markdown来编写文章,最终生成的是一个静态html页面,发布到服务端,访问效率有天然优势。

    步骤:

    安装git

    安装nodejs

    安装hexo

    github上创建仓库

    发布博客到github上

     

    安装Git

    使用yum安装git客户端

    yum instal git

     

    查看安装是否成功

    git --version

     

     

    安装nodejs

    下载nodejs安装包

    wget https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz

     

    解压安装包

    tar -xvf node-v10.9.0-linux-x64.tar.xz mv node-v10.9.0-linux-x64 /opt/nodejs

     

    设置软连接

    ln -s /opt/nodejs/bin/npm /usr/local/bin ln -s /opt/nodejs/bin/node /usr/local/bin

     

    查看安装是否成功

    npm --version node --version

     

     

    安装hexo

     npm安装

    npm install hexo-cli -g

     

    设置软连接

    ln -s /opt/nodejs/lib/node_modules/hexo-cli/bin/hexo /usr/local/bin/hexo

     

    创建博客目录,初始化

    mkdir blog cd blog hexo init

     

     

    启动博客

    hexo s

     

     

    浏览器里访问

     

    Github上创建仓库

    登录github官网,没有账号的先注册个账号

    新建仓库,仓库的名字必须是你的(id).github.com,如id为woniu201,则仓库的名字woniu201.github.com。

    这时github的仓库已经创建完成。

    发布博客

    hexo自带的主题很多小伙伴可能并不喜欢,首先推荐给大家一个主题yilia,个人比较喜欢的。

    更换主题的方式:

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

     

    修改blog根目录下的_config.yml,theme: landscape改为theme: yilia

     

    执行指令hexo g重新启动hexo,hexo s后效果如下:

     

    创建博客文章:

    hexo new "优秀的程序员一定要有自己的博客!"

     

    编辑source/_posts/目录下的md文章

     

    修改根目录下的_config.yml中deploy项

    注意type:与gihub中间有空格。

    安装hexo的deployer插件

    npm install hexo-deployer-git --save

     

    发布博客到github上

    hexo g hexo deploy

     

    浏览器访问地址:http://woniu201.github.io

    最新回复(0)