The First Day of DEAJOWLO Using node js create blog
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了The First Day of DEAJOWLO Using node js create blog,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3728字,纯文字阅读大概需要6分钟。
内容图文
新建一个自己的博客并部署到github上
首先下载node.js(就是两大js运行环境之一),然后在你要建本地博客的地方打开你的cmd(目前操作都是在windows环境下的)
node -v
查看node.js版本
npm -v
查看包管理器版本
npm install -g cnpm –registry=http://registry.npm.taobao.org 这行代码是借助npm包管理器来指向cmpn淘宝镜像源,是下载速度快一点
下载完后可输入
cnpm和cnpm -v来查看cnpm和cnpm的版本号
然后输入
cnpm install -g hexo-cli意思是用cnpm来安装hexo博客框架,-g的意思就是全局安装
输入hexo -v 来验证一下,会发现它是基于node的
输入cd查看当前目录
输入mkdir 博客文档名 (创建一个用来放你要做博客的文档,之后所有博客里的东西都是在这个文档里的,如果出错,可以直接删除文档重来)
输入cd 博客文档名 ,进入这个文档
然后用hexo来完成新建博客
windows中可直接
输入hexo init来初始化一个博客
看到start blogging with hexo!就说明初始化完成。
输入dir 可以查看生成的配置文档
hexo s ,启动博客,结果会出现一个运行的本地端口,我生成在http://localhost:4000 可以在浏览器中输入该网址查看内容。
打开浏览器即可看见它自动生成的博客,Hello World
输入Ctrl+C退出,重新写一篇自己的文章。
输入 hexo n “文章名” 生成一个新的博客,结果会出现这个博客文章的路径
输入 cd 文章路径 (可查看)该文章
重点来了!
因为我们是windows系统,它并不自带vim文本编辑器,但windows也很方便,在这里告诉大家一个简单的方法
去文档夹里找到博客,用记事本或别的文本编辑器打开,如everedit等等
然后将你要写的博客写进去,格式就是如下:
一级标题
===
内容
<font color=red >二级标题</font> //可以设定颜色,大小size,字体font
---
内容
即可。也可以在cmd里,
输入notepad 博客文档路径 ,就可以直接打开记事本书写了。
一般都是用markdown格式的语法,完成以后保存退出。
输入cd (查询一下当前路径)
回到blog文档夹
输入cd ../.. (退两层路径)
输入 hexo clean (清理缓存)
输入hexo g (重新生成hexo文档)
输入 hexo s (启动hexo)
上面三条输入语言可通过
输入 hexo clean && hexo g && hexo s 一起运行
然后输入网址即可查看
具体的博客搭建已经完成,部署到github上
有些人可能只有github的账号,其实gitlab和github是一样的。
登录github,new repository 新建仓库
输入repository name,一定要按照:你的用户名.github.io 后期也是在浏览器中输入这个地址才能访问你的博客
description里可以随便写
然后create repository
之后的操作就和上述gitlab中的一样,都是在cmd中完成
在blog目录下安装git的部署插件
输入cnpm install hexo-deployer-git –save 这个过程按照网速来算,可能会有点慢,请耐心等待
输入dir && notepad _config.yml (查看文档并修改_config.yml文档)
在最后的deploy:下输入
type: git
repo: 你的仓库地址
branch: master
保存退出
输入hexo d (部署到我们的github上,d就是deploy)
根据提示,输入用户名和密码
然后去网页上刷新我们的仓库,就可以看到我们的成果了
然后单独拿出我们的仓库名,在浏览器中访问,可能一开始无法打开,但是可以多刷新几次
换主题
我用的是yilia主题
1.先去下载这个主题
输入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
用git下载yilia主题,并下载到themes文档夹下的yilia目录
2.下载完成后查看
输入 cd themes/
3.输入 cd .. 回到上一层
4.修改_config.yml文档
一直找,找到theme:landscape,将landscape改为yilia
5.重新部署
输入 hexo clean && hexo g && hexo s && hexo d
6.具体的yilia主题内容还需要自己修改,因为这只是个模板
技术难点
1.乱码
我在在博客文章里的内容,在网页上打开来是乱码,但是在文档里是正常的
解决: 重新打开博客文档,另存为,将保存编码改为UTF-8
2.显示不出我的博客文章标题
打开浏览器,发现网页右边显示(notitle)但是我的md文档里明明那个设置了title
解决: 删除博客,重新生成一份新的
3.单独拿仓库名访问时报404(无法查询页面)
起初我以为是我的热点信号不好,后来看网上说,这是要git用户名和git的账号名一样才能查看,其实并不是这样
我发现了我并没有设置我这个博客的访问地址,我只是设置了它的仓库名,于是我按照提示设置了访问地址
解决: 格式如下,输入 http://你的用户名.github.io 这才是正确的格式
windows和linux中的一些命令区别
linux | windows |
---|---|
qwd | cd |
sudo(用管理员的命令来执行) | 可直接用 要执行的exe init |
ls | dir |
原文:大专栏 The First Day of DEAJOWLO Using node js create blog
内容总结
以上是互联网集市为您收集整理的The First Day of DEAJOWLO Using node js create blog全部内容,希望文章能够帮你解决The First Day of DEAJOWLO Using node js create blog所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。