• HEXO+Git+Github+域名搭建个人博客


    搭建个人博客可以分为以下五个部分

    一、搭建本地环境(个人为Win10)

    1、安装Git,下载地址:点击

    下载后,按提示进行安装即可,作用是:把本地的内容提交到github上去

    注意:官网下载速度不是很快,可以去其他地方搜索相关资源。

    2、安装Node,下载地址:点击

    按顺序安装即可

    3、安装Hexo

    Node和Git都安装好后,创建一个文件夹,如blog,用于存放后期用到的所有的hexo文件。

    在blog文件夹中右键,选择git bash here,打开窗口,输入:

    npm install hexo-cli -g

    然后输入

    npm install hexo --save

    待安装完成后,输入一下代码,用来查看版本

    hexo -v

    然后执行init命令初始化hexo,命令:

    hexo init

    至此,全部安装工作已经完成!

    接下来,执行以下代码,用来生成服务,然后在本地访问。

    hexo g
    hexo s

    执行后,会出现代码如图:

    在浏览器中输入http://localhost:4000/ ,可以访问即表示本地hexo发布成功。

    二、搭建GitHub环境

    1、在GitHub官方注册账号

    2、New repository

    此处,注意Owner的名称与repository的前半部分必须一致,例如:

     

    3、开启GitHub pages

    打开这个库的setting页面,找到GitHub Pages,创建即可,创建成功后,便可以通过浏览器访问owner.github.io

    三、将本地Hexo与github page 联系起来

    1、配置Git个人信息

    1 git config --system user.name "yourusername"
    2 git config --system user.email "youremail@163.com"

    运行截图如下:

    2、配置Deployment

    在_config.yml文件中找到deployment,然后配置如下:

    1 deploy:
    2   type: git
    3   repo:git@github.com:githubname/githubname.github.io.git
    4   branch: master

    注意:内容一定要保证无空格,否则会报错;

    3、发布到Github

    输入如下命令:hexo clean && hexo g && hexo d;

    也可以分三步:

    1 hexo clean
    2 hexo generate
    3 hexo deploy

    在执行deploy中,会弹出输入框如下,分别输入在GitHub上的账号密码即可;

    这样就实现了本地与GitHub的连接,当然也可以通过SSH Keys方式。两种方式都可以~

    四、域名关联GitHub

    1、域名可以前往相关网站购买,我是在阿里云上购买的,购买成功后,将域名进行解析,如图

    其中记录类型选择CNAME,记录值填写GitHub的仓库。域名解析是需要时间的,不要急于操作。

    2、在blog中的public文件夹中创建CNAME,不带任何后缀名的文件;文件中填写上你的域名,不要写www

    如图:

    然后执行hexo d命令 发布到GitHub上去,会在仓库中看到该文件,如图:

    然后再去settings下面的pages中看到如下图

    这样就可以通过域名访问博客了。

    五、Hexo的部分使用介绍

    hexo官网

    无论是设置文章内容还是整体样式等,一定要注意一点:key和value值之间一定要有空格,否则会报错。

    六、个人感觉不错的HEXO主题

    所有主题列表

    1、leopard

    2、NexT

    3、yilia

     个人博客地址:http://dreamice.top/

  • 相关阅读:
    字符串编码之一:字符串语法
    PHP进阶学习系列1:字符串编码提纲
    关于技术成长的一些反思
    Yii2学习笔记002---Yii2的控制器和视图
    PHP5.3--PHP7 新特性总结
    计算机软考笔记之《数据库基础》
    计算机软考笔记之《文件结构》
    计算机软考笔记之《抽象数据类型(ADT)》
    计算机软考笔记之《数据压缩》
    计算机软考笔记之《数据结构与算法》
  • 原文地址:https://www.cnblogs.com/Dreamice/p/7205231.html
Copyright © 2020-2023  润新知