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
- 登录github账号,新建一个仓库
-
点击 Settings 进行相关配置
3 个人设置中 - Setting
4 添加SSH key
添加完成后把代码pull 本地
前期 安装node, git,安装Hexo
选择一个磁盘,新建一个文件夹,右击 选中 Git Bash Here
, 输入以下命令,安装完成如下图所示:
$ npm install hexo-cli -g
$ npm install hexo-deployer-git --save
初始化Hexo
在刚才新建的文件夹里面再次新建一个 Hexo 文件夹
进入该 Hexo
文件夹右键鼠标,点击 Git Bash Here
,输入以下命令
$ hexo init
Hexo 安装完成后,Hexo 文件夹下的目录如下:
本地查看效果
$ hexo generate
$ hexo server
显示以下信息说明操作成功:
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
登录 http://localhost:4000/ 查看效果:
目前为止,我们的本地博客
就成功搭建了
将博客部署到 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
- 项目2
- 项目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