资讯专栏INFORMATION COLUMN

Slog62_项目上线之ArthurSlog个人网站上线1

verano / 2325人阅读

摘要:掘金主页简书主页个人网站上线了开发环境需要的信息和信息源开始编码继之前的域名购买服务器购买域名解析域名备案完成之后,现在把第一版的网站正式上线网站地址第一版网站,以最少的代码实现网站标题是个人技术分享背景图一张底部根据管局要求,附上了备案

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

相关文章

  • Slog62_项目上线ArthurSlog个人网站上线1

    摘要:掘金主页简书主页个人网站上线了开发环境需要的信息和信息源开始编码继之前的域名购买服务器购买域名解析域名备案完成之后,现在把第一版的网站正式上线网站地址第一版网站,以最少的代码实现网站标题是个人技术分享背景图一张底部根据管局要求,附上了备案 ArthurSlog SLog-62 Year·1 Guangzhou·China September 9th 2018 GitHub NP...

    dack 评论0 收藏0
  • Slog62_项目上线ArthurSlog个人网站上线1

    摘要:掘金主页简书主页个人网站上线了开发环境需要的信息和信息源开始编码继之前的域名购买服务器购买域名解析域名备案完成之后,现在把第一版的网站正式上线网站地址第一版网站,以最少的代码实现网站标题是个人技术分享背景图一张底部根据管局要求,附上了备案 ArthurSlog SLog-62 Year·1 Guangzhou·China September 9th 2018 GitHub NP...

    yzzz 评论0 收藏0
  • Slog65_项目上线ArthurSlog个人网站上线4

    摘要:掘金主页简书主页天下难事必作于易天下大事必作于细开发环境需要的信息和信息源开始编码服务端环境已经配置好了,现在启动自己编写的服务器先切换至自己编写的文件路径下启动服务器,现在用自己的电脑打开浏览器,输入域名正常情况下,可以看到正常显示出来 ArthurSlog SLog-65 Year·1 Guangzhou·China September 9th 2018 ArthurSlo...

    DangoSky 评论0 收藏0
  • Slog65_项目上线ArthurSlog个人网站上线4

    摘要:掘金主页简书主页天下难事必作于易天下大事必作于细开发环境需要的信息和信息源开始编码服务端环境已经配置好了,现在启动自己编写的服务器先切换至自己编写的文件路径下启动服务器,现在用自己的电脑打开浏览器,输入域名正常情况下,可以看到正常显示出来 ArthurSlog SLog-65 Year·1 Guangzhou·China September 9th 2018 ArthurSlo...

    jk_v1 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<