请选择 进入手机版 | 继续访问电脑版
查看: 179|回复: 11

windows环境下搭建个人静态网站

[复制链接]

发表于 2020-11-20 14:58:13 | 显示全部楼层 |阅读模式
静态网站使用html文件为主体,配合css、js及其它媒体文件(视频、图片、音乐等),通过超链接等方式链接起来的一个网页集。因此静态网站需要一整套文件体系,这个文件可以人工书写但效率低下,不推荐使用。因此就有如下的几款工具来辅助生成这个文件使得复杂繁琐的文件配置工作变得简单起来。这些软件是:JekyllHugoHexo,这些软件均可以简便快捷的创建静态网页各有优劣。我主要分享的是Hexo这款软件,该软件前置环境为Node.js 。(这里有官方的安装教程:https://hexo.io/zh-cn/docs/
安装前置软件:vscode(推荐安装&非强制&文本编辑软件)、git(若使用github page、gitee page等相关服务需安装)、Node.js(必须安装)。安装如上软件后,我们来初始化一个静态网站:
win + r | 进入windows运行界面
输入 | cmd | 进入windwos命令提示符
输入 | C:(盘符,即你希望博客文件建立在哪个磁盘例如: D: E: F: G: 等等,注意:为半角字符)| 命令提示符进入磁盘
输入 | cd C:/xxxx/xxxx (C:/xxxx/xxxx 为文件夹路径) | 命令提示符进入磁盘路径
输入 | hexo init myblog (myblog为个人博客的名称可为中文) | 初始化博客myblog
输入 | cd myblog (myblog为个人博客的名称,需替换成你初始化的博客名称) | 命令提示符进入博客路径
输入 | hexo new name (name为博文标题及内容,可为中文) | 创建文章 name,文件生成在博客路径\source\_posts\name.md
输入 | code | 打开vscode(若没安装可使用记事本等工具打开name.md)
编辑 | name.md | 保存 | 成功书写一篇文章
回到命令提示符
输入 | hexo server
打开浏览器 输入 localhsot:4000 | 预览博客,新发布的博文将会发布在首页。

发表于 2020-11-21 22:51:55 | 显示全部楼层
可以,你真的是自学,不打算走编程嘛,你现在做论坛把自己学习过程写下来对以后找工作有好处的
来自安卓客户端来自安卓客户端

发表于 2020-11-20 21:34:27 | 显示全部楼层
看不懂啊
来自安卓客户端来自安卓客户端

 楼主| 发表于 2020-11-20 22:26:18 | 显示全部楼层

你要是有兴趣搞的话,可以私聊我
发表于 2020-11-21 16:17:40 | 显示全部楼层
发表于 2020-11-21 23:13:32 | 显示全部楼层
贴吧有神人,精算能编程
来自安卓客户端来自安卓客户端
发表于 2020-11-22 00:43:09 | 显示全部楼层
奈何本人没文化,一句卧槽行天下
来自安卓客户端来自安卓客户端

发表于 2020-11-22 07:19:25 | 显示全部楼层

发表于 2020-11-22 07:22:11 | 显示全部楼层
编程人,编程魂,编程都是人上人
来自安卓客户端来自安卓客户端

发表于 2020-11-23 08:57:50 | 显示全部楼层
这个编程太秀了,我只能来一句“卧槽,牛皮”
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|客户端|小黑屋|青青树官方论坛  

GMT+8, 2020-12-2 20:35 , Processed in 7.118372 second(s), 43 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc. Design Singcere!

快速回复 返回顶部 返回列表