×

效果预览:https://example.com/blog

准备:

  1. Windows电脑。
  2. Git账号使用Hexo框架搭建blog软件准备(1)Git:https://git-scm.com/
    参考网址:
  • git安装:https://www.cnblogs.com/ximiaomiao/p/714456.html
  • 安装SSH Key:http://anfengge.com/sing-ssh-key-link-githubPhoto-tor.html
  • Node.js:https://nodejs.org/en/

安装过程:

(1)Node安装

按照以下步骤依次点击即可,安装过程很简单。

  1. 下载并解压Node.js。
  2. 打开"设置",找到“环境变量”。
  3. 新建两个变量,分别命名为“PATH”和“NODE_PORT”,并将相应的路径填入。
  4. 返回到桌面或者在命令提示符里直接输入node -vnpm -v验证是否安装成功。

(2)安装Git

按照网上安装方式进行安装,具体步骤请参考:https://www.cnblogs.com/ximiaomiao/p/714456.html

———————————————————————————————————————检测Node安装是否成功:

在命令提示符中依次输入以下命令,确保版本正确。

  1. node -v 返回版本号。
  2. npm -v 返回版本号。

———————————————————————————————————————安装淘宝的镜像源(如果出现错误就重来)

  1. 打开终端,执行命令:npm install -g cnpm --registry=https://regis stry.npm.taobao.org
  2. 使用cnpm代替npm进行包管理。

建立一个仓库(repository)

(例:hansonpang99.github.io)

在Blog目录下安装一个hexo部署插件

  1. 执行命令:cnpm install --save hexo-deployer-git
  2. 找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code。
    • 优点:
      1. 支持的语言种类多。
      2. 视图简洁。
      3. 拥有插件种类多。

找到以下代码:

deploy:
  type: git
  repo: 
  branch: master

对这段代码进行更改:

  • type改为git方便识别。
  • 在下面的repo处粘贴新建github仓库的地址。
  • branch处设置管理员master,然后保存。

在Git里面输入以下命令将本地文件部署到github新建的仓库中:

  1. hexo d
  2. 输入账号和密码。

然后通过访问 https://+自己的仓库名 就可以访问部署到github上的blog了(例:https://hansonpang99.github.io)

进一步深化操作过程(更换Blog的主题)

这里以yilia主题为例进行更换:

  1. 在hexo的themes目录下,下载并解压yilia主题。

  2. 执行以下命令克隆主题到本地:

    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    
  3. 进入Blog文件中的_config.yml文件,找到theme字段,将其值改为刚下载的yilia主题。

  4. 然后进行以下操作清除数据库、生成的静态网站和部署:

    hexo clean
    hexo g
    hexo d
    

这样,我们就成功更换了Blog的主题。

作者

xiaoxiaoxiyue@qq.com

相关文章

微趋道小程序平台官方页面

微趋道小程序平台,一、平台的定位在哪? 1、...

读出全部

打造专属应用的秘诀

文/辉哥奇谭 在如今繁忙的社会生活中,打造一...

读出全部

微信购物平台模板

随着智能手机的普及和移动互联网的飞速发展,微...

读出全部

成都不分境英语网站搭建

成都不分境英语网站搭建攻略 随着全球化进程的...

读出全部

建盏功能与效能解析

吴秀之中国陶瓷艺术的瑰宝——建盏,不仅以其独...

读出全部

广州网站建设与发展

### 选择过程 广州网站建设之起步阶段,如...

读出全部