摘要:掘金主页简书主页个人网站上线了开发环境需要的信息和信息源开始编码继之前的域名购买服务器购买域名解析域名备案完成之后,现在把第一版的网站正式上线网站地址第一版网站,以最少的代码实现网站标题是个人技术分享背景图一张底部根据管局要求,附上了备案
ArthurSlog
SLog-62
Year·1
Guangzhou·China
September 9th 2018
GitHub
NPM Package Page
ArthurSlog Page
掘金主页
简书主页
segmentfault
ArthurSlog个人网站上线了~
开发环境MacOS(High Sierra 10.13.5) 需要的信息和信息源: 开始编码继之前的域名购买、服务器购买、域名解析、域名备案完成之后,现在把第一版的网站正式上线
网站地址 www.arthurslog.com
第一版网站,以最少的代码实现:
网站标题是“个人技术分享”
背景图一张
底部根据管局要求,附上了备案号并链接至管局
前端布局使用到了 calc方法
后端使用 koa框架 + koa-static 实现了一个简单的web服务器
前后端所有代码已经上传至 v1.0.0Github
当前的文件结构:
ArthurSlog
| | -- index.html -- index.js -- style.css -- background.jpg -- node_modules -- package.json -- package-lock.json --README.md
当前的前端代码index.html、style.css如下:
index.html
ArthurSlog 个人技术分享
style.css
body{ background-image:url("background.jpg"); background-repeat:no-repeat; background-position:50% -10%; } p{ font-size: 48px; position: relative; left: calc(50% - 144px); } footer { font-size: .8rem; position: absolute; bottom: 10px; left: calc(50% - 80px); }
后端服务器代码index.js如下:
index.js
const serve = require("koa-static"); const Koa = require("koa"); const app = new Koa(); // $ GET /package.json app.use(serve(".")); app.listen(80); console.log("listening on port 80");
配置文件 package.json如下:
package.json
{ "name": "nodeserver", "version": "1.0.0", "description": "", "main": "index.js", "dependencies": { "koa": "^2.5.2", "koa-static": "^5.0.0" }, "devDependencies": {}, "scripts": { "test": "echo "Error: no test specified" && exit 1" }, "repository": { "type": "git", "url": "git+https://github.com/BlessedChild/ArthurSlog.com.git" }, "author": "", "license": "ISC", "bugs": { "url": "https://github.com/BlessedChild/ArthurSlog.com/issues" }, "homepage": "https://github.com/BlessedChild/ArthurSlog.com#readme" }
自述文件 README.md如下:
README.md
# This is ArthurSlog.com
另外,其他的文件无需手动修改,不管
至此,完成了第一版网站源码的编写。
欢迎关注我的微信公众号 ArthurSlog 如果你喜欢我的文章 欢迎点赞 留言 谢谢文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/97755.html
摘要:掘金主页简书主页个人网站上线了开发环境需要的信息和信息源开始编码继之前的域名购买服务器购买域名解析域名备案完成之后,现在把第一版的网站正式上线网站地址第一版网站,以最少的代码实现网站标题是个人技术分享背景图一张底部根据管局要求,附上了备案 ArthurSlog SLog-62 Year·1 Guangzhou·China September 9th 2018 GitHub NP...
摘要:掘金主页简书主页个人网站上线了开发环境需要的信息和信息源开始编码继之前的域名购买服务器购买域名解析域名备案完成之后,现在把第一版的网站正式上线网站地址第一版网站,以最少的代码实现网站标题是个人技术分享背景图一张底部根据管局要求,附上了备案 ArthurSlog SLog-62 Year·1 Guangzhou·China September 9th 2018 GitHub NP...
摘要:掘金主页简书主页天下难事必作于易天下大事必作于细开发环境需要的信息和信息源开始编码服务端环境已经配置好了,现在启动自己编写的服务器先切换至自己编写的文件路径下启动服务器,现在用自己的电脑打开浏览器,输入域名正常情况下,可以看到正常显示出来 ArthurSlog SLog-65 Year·1 Guangzhou·China September 9th 2018 ArthurSlo...
摘要:掘金主页简书主页天下难事必作于易天下大事必作于细开发环境需要的信息和信息源开始编码服务端环境已经配置好了,现在启动自己编写的服务器先切换至自己编写的文件路径下启动服务器,现在用自己的电脑打开浏览器,输入域名正常情况下,可以看到正常显示出来 ArthurSlog SLog-65 Year·1 Guangzhou·China September 9th 2018 ArthurSlo...
阅读 2261·2021-10-09 09:41
阅读 3114·2021-09-26 09:46
阅读 804·2021-09-03 10:34
阅读 3110·2021-08-11 11:22
阅读 3335·2019-08-30 14:12
阅读 685·2019-08-26 11:34
阅读 3309·2019-08-26 11:00
阅读 1694·2019-08-26 10:26