首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何创建一个专属自己的博客(1)—建立本地博客

这篇教程主要给喜欢或想要写学习记录、有一定编程基础、愿意费精力时间维护自己网站的人!

首先配置环境

1.下载安装GIT,搜索msysgit进入官网下载即可,官网网址:https://gitforwindows.org/

2.下载安装Node.js,直接搜索进入官网下载:https://nodejs.org/en/

3.安装hexo,利用npm命令进行安装(在任意位置单击鼠标右键,选择Git bash)

npminstall -g hexo //安装hexo

4.选择一个位置新建hexo文件夹(如F:\hexo,hexo文件夹之后会作为博客的网站页面),执行命令(在hexo文件夹里面右键打开Git bash)

hexo init //安装hexo里的内容

npm install //安装依赖包

出现以上界面即安装成功

5.如果以上顺利的话我们就已经搭建起本地的hexo博客了,在hexo文件夹里执行以下命令

hexogenerate //写入代码,生成静态页面

hexoserver //部署到本地

现在可以到浏览器输入localhost:4000看一下本地博客了(注意Git bash里ctrl+C是停止编译的意思)

这就是你的第一个本地博客了,那么如何修改博客里的内容呢?

我们右键点击_config.yml—打开方式—记事本,修改title(注意引号后面是有一个空格的)

再次输入以下命令

hexogenerate //写入代码,生成静态页面

hexoserver //部署到本地

进入浏览器即可看到修改过后的页面

下面是_config.yml的信息注释,可根据自己情况修改

# Hexo Configuration

# Docs: http://hexo.io/docs/configuration.html

# Source: https://github.com/hexojs/hexo/

# Site #站点信息

title: #标题

subtitle: #副标题

description: #站点描述,给搜索引擎看的

author: #作者

email: #电子邮箱

language: zh-CN #语言

# URL #链接格式

url: #网址

root: / #根目录

permalink: :year/:month/:day/:title/ #文章的链接格式

tag_dir: tags #标签目录

archive_dir: archives #存档目录

category_dir: categories #分类目录

code_dir: downloads/code

permalink_defaults:

# Directory #目录

source_dir: source #源文件目录

public_dir: public #生成的网页文件目录

# Writing #写作

new_post_name: :title.md #新文章标题

default_layout: post #默认的模板,包括post、page、photo、draft(文章、页面、照片、草稿)

titlecase: false #标题转换成大写

external_link: true #在新选项卡中打开连接

filename_case: 0

render_drafts: false

post_asset_folder: false

relative_link: false

highlight: #语法高亮

enable: true #是否启用

line_number: true #显示行号

tab_replace:

# Category & Tag #分类和标签

default_category: uncategorized #默认分类

category_map:

tag_map:

# Archives

2:开启分页

1:禁用分页

0:全部禁用

archive: 2

category: 2

tag: 2

# Server #本地服务器

port: 4000 #端口号

server_ip: localhost #IP地址

logger: false

logger_format: dev

# Date / Time format #日期时间格式

date_format: YYYY-MM-DD #参考http://momentjs.com/docs/#/displaying/format/

time_format: H:mm:ss

# Pagination #分页

per_page: 10 #每页文章数,设置成禁用分页

pagination_dir: page

# Disqus #Disqus评论,替换为多说

disqus_shortname:

# Extensions #拓展插件

theme: landscape-plus #主题

exclude_generator:

plugins: #插件,例如生成RSS和站点地图的

- hexo-generator-feed

- hexo-generator-sitemap

# Deployment #部署,将lmintlcx改成用户名

deploy:

type:

hexo命令行使用

常用命令:

hexo help #查看帮助

hexo init #初始化一个目录

hexo new "postName" #新建文章

hexo new page "pageName" #新建页面

hexo generate #生成网页,可以在public目录查看整个网站的文件

hexo server #本地预览,'Ctrl+C'关闭

hexo deploy #部署.deploy目录

hexo clean #清除缓存,**强烈建议每次执行命令前先清理缓存,每次部署前先删除.deploy文件夹**

简写:

hexo n ==hexo new

hexo g ==hexo generate

hexo s ==hexo server

hexo d ==hexo deploy

新建文章

hexo new"标题"

在_posts目录下会生成文件标题.md:

title:Hello World

date:2015-07-30 07:56:29 #发表日期,一般不改动

categories:hexo #文章文类

tags:[hexo,github] #文章标签,多于一项时用这种格式

---

正文,使用Markdown语法书写

编辑完后保存,hexo server预览

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180524G0AFSN00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券