欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Page + Hexo 搭建个人博客

程序员文章站 2022-04-17 18:54:28
...

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

ssh

查看本地是否存在ssh

ls -al ~/.ssh

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

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

待完善。。。。

github

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

Page + Hexo 搭建个人博客
Page + Hexo 搭建个人博客

  1. 点击 Settings 进行相关配置
    Page + Hexo 搭建个人博客
    Page + Hexo 搭建个人博客
    Page + Hexo 搭建个人博客
    Page + Hexo 搭建个人博客
    Page + Hexo 搭建个人博客
    3 个人设置中 - Setting
    Page + Hexo 搭建个人博客
    4 添加SSH key

Page + Hexo 搭建个人博客
添加完成后把代码pull 本地

前期 安装node, git,安装Hexo

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

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

Page + Hexo 搭建个人博客

初始化Hexo

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

 $ hexo init

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

Page + Hexo 搭建个人博客

本地查看效果

 $ 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 搭建个人博客
目前为止,我们的本地博客就成功搭建了

将博客部署到 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. 这篇文章,不详细说明了

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

创建一个表格

一个简单的表格是这么创建的:

项目 Value
电脑 $1600
手机 $12
导管 $1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列 第二列 第三列
第一列文本居中 第二列文本居右 第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:

TYPE ASCII HTML
Single backticks 'Isn't this fun?' ‘Isn’t this fun?’
Quotes "Isn't this fun?" “Isn’t this fun?”
Dashes -- is en-dash, --- is em-dash – is en-dash, — is em-dash

创建一个自定义列表

Markdown
Text-to-HTML conversion tool
Authors
John
Luke
相关标签: Pages Hexo