前端小白建免费网站之网页美化

学大前端

前端开发知识分享!

相信学大前端的粉丝们,学习了上篇文章《前端技术小白零基础搭建免费个人网站》已经成功的把网站建成了!

网站默认的样式可能不好看,没有个性,还不带留言功能;所以,今天继续写一下关于页面美化的文章。小哥哥小姐姐们,赶紧跟着我动手实操吧~

1、下载主题文件

先把本地的themes文件夹里的landscape文件夹删除,删除前请备份一份到其他盘里

然后,在本地电脑的网站根目录里,空白处右键点击打开Git Bash Here

接着输入命令:

git clone https://github.com/Tycn/hexo-theme.git themes/landscape

2、安装主题文件必要插件

依次在Git Bash Here输入以下命令进行插件安装:

npm install hexo-renderer-ejs --save npm install hexo-renderer-less --save npm install hexo-deployer-git --save

3、部署

如果没有更改过主题源文件可以跳过1,2步骤

Gulp打包构建,压缩优化部署前的代码。

npm install //安装项目依赖

拷贝gulpfile.js文件到项目根目录下(非主题目录)

gulp //执行打包任务

清空hexo静态文件和缓存,并重新生成

hexo clean //清空缓存

重新生成静态文件

hexo g //生成静态文件

本地预览,确没有问题再进行发布

hexo s //启动本地服务默认

当gulp执行完成,进行发布

hexo d //部署发布到Github上

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180417G19UCQ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励