hexo博客搭建

  1. 建立github仓库
  2. 本地安装Git
  3. 配置SSH
  4. 安装Hexo
    1. 安装前提
    2. 安装Hexo
  • 修改主题
  • 上传之前
  • 上传到github
  • 总结:部署步骤
  • 常用hexo命令
  • 3-Hexo主题的分类和标签设置:
  • #hexo博客搭建

    ##安装git,nodejs,npm,并了解相关基础知识
    下载nodejs和git(https://git-scm.com/)并安装

    确认安装成功

    建立github仓库

    新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是test,那么你就新建test.github.io的仓库(必须是你的用户名,其它名称无效),将来你的网站访问地址就是 http://test.github.io 了,是不是很方便?

    由此可见,每一个github账户最多只能创建一个这样可以直接使用域名访问的仓库。

    几个注意的地方:

    注册的邮箱一定要验证,否则不会成功;
    仓库名字必须是:username.github.io,其中username是你的用户名;
    仓库创建成功不会立即生效,需要过一段时间,大概10-30分钟,或者更久,我的等了半个小时才生效;
    创建成功后,默认会在你这个仓库里生成一些示例页面,以后你的网站所有代码都是放在这个仓库里啦。

    本地安装Git

    进入 Git 官网,下载相应的 Git 版本,下载完成之后按照引导安装 Git 。安装完成之后在开始菜单中会有一个 Git Bash 。这是一个类似于Liunx的终端,在里面可以模拟Linux下的终端进行操作。

    配置SSH

    打开 Git Bash ,执行下面的命令生成 SSH 访问私钥及公钥。

    $ ssh-keygen -t rsa -C “email@email.com”
    ssh | 300*0
    输入命令回车之后会提示你输入一些东西,不用管。一直回车到底就好了。然后你的 ~/.ssh 文件下就会生成两个文件 id_rsa 和 id_rsa.pub 。

    打开你的 Github -> setting -> SSH Keys 。然后点击 New SSH Key 创建一个新的SSH Key。Title 可以用你的计算机名,可以用以区分。将文件 id_rsa.pub 中的所以内容复制粘贴到 Key 下面。然后使用下面的命令测试是否可以连接上 Github 。

    $ ssh -T git@github.com

    安装Hexo

    Hexo的安装在其官方文档中有很详细的说明。下面将简单介绍Hexo的安装。

    安装前提

    安装 Node.js ,请进入Node.js 的官网下载安装。
    安装 Git ,前面已经说明,不再赘述。

    安装Hexo

    上面两个工具安装完整之后,打开 Git Bash ,只需要使用npm即可完成Hexo的安装。

    $ npm install -g hexo-cli
    安装Hexo完成之后,执行下面的命令,Hexo将会在你制定的文件夹中新建所需要的文件。

    $ hexo init
    $ cd
    $ npm install
    新建完成后,文件夹下的目录如下:

    .
    ├── _config.yml
    ├── package.json
    ├── scaffolds
    ├── source
    | ├── _drafts
    | └── _posts
    └── themes
    _config.yml 文件是网站的配置文件,可以在其中配置网站的大部分参数。
    package.json 文件是应用程序的信息。
    source 是资源文件夹,是用来存放用户资源的地方。
    themes 是主题文件夹,Hexo会根据主题来生成不同的静态页面。
    scaffolds是模板件夹,当新建文章的时候,Hexo会根据模板来建立文件。

    修改主题

    https://github.com/yelog/hexo-theme-3-hexo首先下载这个主题:

    $ cd /f/Workspaces/hexo/
    $ git clone https://github.com/yelog/hexo-theme-3-hexo themes/3-hexo
    

    修改_config.yml中的theme: landscape改为theme: 3-hexo,然后重新执行hexo g来重新生成。

    如果出现一些莫名其妙的问题,可以先执行hexo clean来清理一下public的内容,然后再来重新生成和发布。

    上传之前

    在上传代码到github之前,一定要记得先把你以前所有代码下载下来(虽然github有版本管理,但备份一下总是好的),因为从hexo提交代码时会把你以前的所有代码都删掉。

    上传到github

    如果你一切都配置好了,发布上传很容易,一句hexo d就搞定,当然关键还是你要把所有东西配置好。

    首先,ssh key肯定要配置好。

    其次,配置_config.yml中有关deploy的部分:

    正确写法:

    deploy:
    type: git
    repository: git@github.com:liuxianan/liuxianan.github.io.git
    branch: master

    错误写法:

    deploy:
    type: github
    repository: https://github.com/liuxianan/liuxianan.github.io.git
    branch: master

    总结:部署步骤

    每次部署的步骤,可按以下三步来进行。

    hexo clean
    hexo generate
    hexo deploy

    1. 总结:本地调试

    2. 在执行下面的命令后,

    $ hexo g #生成
    $ hexo s #启动本地服务,进行文章预览调试
    浏览器输入http://localhost:4000,查看搭建效果。此后的每次变更_config.yml 文件或者新建文件都可以先用此命令调试,尤其是当你想调试新添加的主题时。

    1. 可以用简化的一条命令

    hexo s -g

    常用hexo命令

    hexo clean 清除
    hexo s -g #生成并本地预览
    hexo d -g #生成并上传
    hexo server –debug # 本地部署
    hexo generate or hexo g # 生成页面
    hexo deployer or hexo d # 部署到github
    hexo new “title” # 新建文章
    hexo new page “about” # 创建新页面

    3-Hexo主题的分类和标签设置:

    这里遇到了坑
    发了邮件问了这个主题的开发者
    我以为是要用next主题形式创建hexo new page “ca”

    代码:
    tags: 
    - 前端
    - hexo
    categories: 
    - 前端
    在博客根目录输入
    
    hexo new page tags
    打开 tags/index.md ,并改成:
    
    title: 标签
    date: 日期
    type: "tags"
    comments: false
    分类同理
    
    hexo new page categories
    打开category/index.md,改为:
    
    title: 分类
    date: 日期
    type: "categories"
    comments: false
    

    实际上不需要 ,大概浪费了我两天时间的坑。
    这个侧边栏分类无须单独配置,只要在文章中加入 categories

    比如创建了一篇文章如下,加入 categories: 大前端, 这样就会在侧边栏自动出现 大前端 这个分类,且所有有 categories: 大前端 这个参数的文章都会归到这个分类下。
    这个主题贼强 自动添加文集分类


    转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 951207194@qq.com

    文章标题:hexo博客搭建

    文章字数:1,490

    本文作者:Mang0

    发布时间:2017-11-22, 16:57:45

    最后更新:2018-11-02, 21:52:12

    原始链接:http://mang0.me/archis/undefined/

    版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

    目录
    ×

    喜欢就点赞,疼爱就打赏