hexo本地编辑md文件_使用Hexo建立个人博客(Hexo,Coding,Fluid)

hexo本地编辑md⽂件_使⽤Hexo建⽴个⼈博客
(Hexo,Coding,Fluid)
windows 10系统,所有以下在windows10 64位下进⾏演⽰。
1.起步
1.1 安装Hexo
Hexo 依赖了 Node.js 和 Git,所以在安装 Hexo 之前必须确保安装了这两个⼯具。
1.1.1 安装 Node.js
步骤:
1. 下载
2. 安装
3. 确认是否安装成功
具体操作
1. 下载:/en/download/
2. 安装:⼀直点击Next
3. 确认是否安装成功:在终端中输⼊node --version ,如果能看到类似于下⾯的输出则证明安装成功了。
$ node --version
v12.14.0
1.1.2 安装 Git
步骤:
1. 下载
2. 安装
3. 确认是否安装成功
具体操作
1. 下载:git-scm/downloads
2. 安装:⼀直点击Next
3. 确认是否安装成功:在终端中输⼊ git --version ,如果能看到输出 Git 版本号,则证明安装成功了。
$ git --version
git version 2.24.1.windows.2
1.1.3 安装Hexo
1、在命令中执⾏下⾯的安装命令
npm install -g hexo-cli
2、确认是否安装成功
hexo --version
如何能看到类似于下⾯的输出则证明安装成功。
$ hexo --version
hexo: 4.2.0
hexo-cli: 3.1.0
os: Windows_NT 10.0.18362 win32 x64
node: 12.13.0 2.2.
v8: 7.7.299.13-node.12
uv: 1.32.0
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
modules: 72
nghttp2: 1.39.2
scm文件
napi: 5
llhttp: 1.1.4
http_parser: 2.8.0
openssl: 1.1.1d
cldr: 35.1
icu: 64.2
tz: 2019a
unicode: 12.1
1.2 使⽤Hexo⽣成本地⽹站
在命令⾏中执⾏下⾯的命令⽤来创建本地⽹站。
hexo init ⽹站⽬录名称
#例如
hexo init my-blog
创建成功的话会⽣成⼀个具有下⾯⽬录结构的⽹站项⽬。
├── package.json
├── scaffolds
├── source
|  ├── _drafts
|  └── _posts
└── themes
1.3 预览本地⽹站
在你的⽹站根⽬录下执⾏ npm run server ,它会启动⼀个 http 服务,⽤于本地预览。$ npm run server
my-blog@0.0.0 server C:UsersLPZDocumentsProjectsmy-blog
hexo server
INFO Start processing
INFO Hexo is running at localhost:4000 . Press Ctrl+C to stop.
访问控制台中提⽰的地址,如果能看到下⾯的⽹页则证明服务启动成功了。
1.4 ⽬录结构
├── package.json
├── scaffolds
├── source
|  ├── _drafts
|  └── _posts
└── themes
1.5 写⽂章
1、创建⽂章
hexo new ⽂章⽂件名称
2、写⽂章
⽂章配置
语法:YAML
可配置项:hexo.io/docs/front-matter 下⾯是⼀个⽰例:
---
title: Sublime Text 打开⽅式
categories:
- 开发笔记
tags:
- Sublime Text
date: 2019-12-09 00:00:00
---
⽂章正⽂
语法:Markdown
编辑⼯具:推荐 Typora
3、预览⽂章
1.6 发布
⾃⼰搭建服务器
使⽤第三⽅云服务
使⽤第三⽅⽹站托管服务
1.7 运⾏测试
这⾥我们经常⽤到的有四个命令
hexo clean #⽤来清理缓存⽂件
hexo g      #⽣成⽂件
hexo  s    #运⾏本地服务器
hexo  d  #上传到服务器
2. Coding发布⽹页
把我们的⽹页部署到云端,让别⼈也可以访问我们的⽹站,我们部署到我们国内的Coding。
2.1 配置Coding
1.进⼊开发平台先。
这⾥的⽤户名,以后就是我们的域名的⼀部分
2.创建项⽬
⾸先在coding net 上创建⼀个仓库,仓库名为: <;你的⽤户名>. 开启 coding pages 服务请参考coding pages帮助⽂档
3.新建项⽬,⽤于托管代码

本文发布于:2024-09-23 14:33:57,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/3/382327.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:安装   证明   确认   是否   服务器   开发
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议