Page + Hexo 搭建个人博客

Page + Hexo 搭建个人博客
(Mac 系统)

ssh

查看本地是否存在ssh

ls -al ~/.ssh

如果输出以下内容,说明没有生成本地的ssh key 文件

No such file or directory
//生成ssh key, your_email:这里填写你在GitLab或者GitHub注册时的邮箱。
ssh-keygen -t rsa -C"you_email"

待完善。。。。

github

  1. 登录github账号,新建一个仓库

Page + Hexo 搭建个人博客_第1张图片
Page + Hexo 搭建个人博客_第2张图片

  1. 点击 Settings 进行相关配置
    Page + Hexo 搭建个人博客_第3张图片
    Page + Hexo 搭建个人博客_第4张图片
    Page + Hexo 搭建个人博客_第5张图片
    Page + Hexo 搭建个人博客_第6张图片
    Page + Hexo 搭建个人博客_第7张图片
    3 个人设置中 - Setting
    Page + Hexo 搭建个人博客_第8张图片
    4 添加SSH key

Page + Hexo 搭建个人博客_第9张图片
添加完成后把代码pull 本地

前期 安装node, git,安装Hexo

选择一个磁盘,新建一个文件夹,右击 选中 Git Bash Here, 输入以下命令,安装完成如下图所示:

 $ npm install hexo-cli -g  
 $ npm install hexo-deployer-git --save  

Page + Hexo 搭建个人博客_第10张图片

初始化Hexo

在刚才新建的文件夹里面再次新建一个 Hexo 文件夹
进入该 Hexo文件夹右键鼠标,点击 Git Bash Here,输入以下命令

 $ hexo init

Page + Hexo 搭建个人博客_第11张图片
Hexo 安装完成后,Hexo 文件夹下的目录如下:

Page + Hexo 搭建个人博客_第12张图片

本地查看效果

 $ hexo generate  
 $ hexo server 

显示以下信息说明操作成功:

INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

登录 http://localhost:4000/ 查看效果:
Page + Hexo 搭建个人博客_第13张图片
目前为止,我们的本地博客就成功搭建了

将博客部署到 Github Pages 上

注意:
1.强调文本
2.强调文本

建立一个新的分支


安装主题

可以去Hexo官网 : https://hexo.io/themes/.选择你想要安装的主题

按照我选的主题: hexo-theme-next 来说明

 cd hexo
 git clone https://github.com/theme-next/hexo-theme-next themes/next

安装完成后,在hexo 文件夹下打开 _config,修改配置

deploy:
  type: git
  repository: 你的git地址
  branch: master

If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

//例如:地址是 'http://yoursite.com/child/
//url:http://yoursite.com/
//root:/child/
# URL
url: 'http://yoursite.com/
root: /child/

主题一些配置可以参考: https://my.oschina.net/u/1777269/blog/2236895. 这篇文章,不详细说明了

未完待续。。。。。

你可能感兴趣的:(Pages,Hexo)