公众号关注 “GitHubDaily”

设为 “星标”,每天带你逛 GitHub!

大家好,我是小 G。

作为一名程序员,相信在座不少人在一开始接触编程的时候,都会幻想着能亲自写出一个属于自己的个人博客。

技术发展到了今天,搭建博客的成本越来越低,利用 GitHub Pages,加上 Hexo、Hugo、Jekyll 等静态网站部署工具,不到几分钟就能快速搭建起一个个人博客。

拥有个人博客的人多了,坚持写技术文章输出的人却少了。

我个人觉得,写作是为数不多,能随着时间推移,拥有滚雪球式增长的一项个人能力。

你敲下的代码、看过的技术书籍、研究的一项新技术,可能再过多五年十年就被时代所淘汰了,但写作不会。你在这中间训练出来的文字表达能力与逻辑思维能力,是可以伴随你一生,跟随你不断生长的产物。

上面说的这些,主要目的还是建议大家今后搞完个人博客后,不要随手丢一边,而是保持创作习惯,多多记录下自己的技术心得,为自己也为后来人铺路。

说的有点多了,下面开始进入今天的正题,跟你们分享下我前不久在 Hacker News 上挖掘到的一个 GitHub 项目。

如果你平时有创作文章的习惯,或考虑将来出版电子书籍,那这款工具对你来说会颇为受用。

它的名字叫做:3D Book Image CSS Generator。

https://3d-book-css.netlify.app/

其主要作用,是能自动为书籍创建 3D 图像,并生成指定的 CSS 与 HTML 代码,方便开发者快速将图像嵌入网页中。

通过该工具,你还能自定义书籍的封面、旋转角度、厚度、宽度与动画效果的延迟时间等属性。

如果你想在个人博客上展示你所读过的某本书,或汇总你所创作过的系列文章,不妨用这个工具来生成一张高逼格的 3D 书籍图像。

目前,该项目代码也已在 GitHub 正式开源:

https://github.com/scastiel/3d-book-image-css-generator

项目作者是 Sébastien Castiel,一名来自加拿大的前端工程师兼作家:

在他成功创造了这款 3D 书籍封面生成器后,还专门写了一篇文章,讲述了整个项目的具体搭建过程,你们感兴趣的话也可以看下:

https://scastiel.dev/posts/2020-07-23-animated-3d-book-css/

以上,便是今天的分享,原创不易,觉得内容对你有所帮助的,还请点个「在看」支持,谢谢各位啦~

---由 GitHubDaily 原班人马打造的公众号:GitCube,现已正式上线!
接下来我们将会在该公众号上,为大家分享优质的计算机学习资源与开发者工具,坚持每天一篇原创文章的输出,感兴趣的小伙伴可以关注一下哈!

一个能瞬间提升你博客逼格的 GitHub 项目!相关推荐

  1. c4d怎么做成html,厉害了!擅长C4D制作可瞬间提升你的设计逼格

    厉害了!擅长C4D制作可瞬间提升你的设计逼格 C4D全名CINEMA 4D,德国MAXON出的3D动画软体.Cinema4D是一个老牌的三维软件.能够进行顶级的建模.动画和渲染的3D工具包.为了制作出 ...

  2. 6款逆天黑科技,颜值爆表,瞬间提升你的手机逼格!

    为了给我们的生活带来很多便利,我们在手机里安装了各种不同的APP,最普遍的就是淘宝,支付宝,微信. 除了这些还有哪些超实用的黑科技APP呢?这6款你可要收好了,颜值爆表,瞬间提升你的手机逼格! 图解电 ...

  3. 推荐一个十分好看的开源博客系统

    推荐一个十分好看的开源博客系统,直接百度"里程密"地址www.lcm.wang 附图 主页 后台 浓浓的科技简约风,适合做技术的你 转载于:https://www.cnblogs. ...

  4. 搭建github服务器_搭建一个属于自己的公网博客

    相信每一位程序员都喜欢拥有一个属于自己的博客. 当然,在我认为,内容以及模块都要自己进行可扩展定义才是真正属于自己的. 那么想要一个博客就必须要有一个服务器和一个域名,这样的话才能让自己的博文内容发扬 ...

  5. 一个可编辑与新增博客园文章的 Python 脚本

    我的个人独立博客是基于 Hexo 搭建的,因为小站,Google 搜索引擎收录文章比较慢,还搜不到 很多人学习python,不知道从何学起. 很多人学习python,掌握了基本语法过后,不知道在哪里寻 ...

  6. 这是一个关于软件开发的博客。

    这是一个关于软件开发的博客. 转载于:https://www.cnblogs.com/zydzyd/p/5348518.html

  7. 我的Serverless实战—基于Serverless搭建一个简单的WordPress个人博客图文详解-JJZ

    文正在参与 "100%有奖 | 我的Serverless 实战"征稿活动 活动链接:https://marketing.csdn.net/p/15940c87f66c68188cf ...

  8. 手把手教你搭建一个属于自己的Ghost博客

    介绍 Ghost 是基于 Node.js 的开源博客平台,由前 WordPress UI 部门主管 John O'Nolan 和 WordPress 高级工程师(女) Hannah Wolfe 创立, ...

  9. 不花钱,用一个小时搭建自己的博客网站

    点击关注强哥,查看更多精彩文章呀 不知道大家平常有没有写博客的习惯,一般写博客都会记录什么?都会在哪里写自己的博客呢? 强哥平常就有写博客的习惯,不过没有强制自己多久写一篇,一般都是工作中遇到问题解决 ...

最新文章

  1. 2019年中国智能制造的十大发展关键点
  2. 微软职位内部推荐-Software Engineer II-Data Mini
  3. RocketMQ(六):namesrv再探
  4. python编程入门经典实例-Python入门经典实例
  5. js 获取地址栏参数
  6. 转载:【opencv入门教程之一】:配置
  7. Orleans 3.0 为我们带来了什么
  8. 你只是看起来很努力_我的方法在这方面看起来很大吗?
  9. c++ 操作mysql_C++操作mysql方法总结(1)
  10. css选择器中:first-child与:first-of-type的区别
  11. vue ---- webpack -插件 html-webpack-plugin
  12. 用JavaScript实现的十个图像特效
  13. BFS POJ 3278 Catch That Cow
  14. 计算机教学能力大赛实施报告模板,教学能力比赛教学实施报告现场汇报PPT模板-橙色主题.pptx...
  15. 数学中几种积:点积(数量积/标量积/内积)、叉积(叉乘/向量积)、外积(张量积/Kronecker积)、哈达玛积(元素积)
  16. CSP模测(一)A卷
  17. 【易代账】凭证保存的时候提示sql执行错误
  18. 2022年最新前端面试题、高频面试题、面试题总结
  19. 性能测试工具loucst使用(最新版本)
  20. cocos-js与android平台互相调用

热门文章

  1. 深入浅出SSD笔记 第1章 SSD综述
  2. windows IIS 安装 url重写工具
  3. NLP----Baidu-中文词法分析(LAC)
  4. /etc/profile 跟 ~/.bashrc ~/.bash_profile的区别
  5. JavaScript对象深拷贝
  6. JavaScript对象的深拷贝
  7. 宅男宅女的福利:当减肥健身成为游戏,你还会拒绝吗?
  8. 关于UltraISO打开iso文件后只有部分文件问题
  9. html中script相互调用,HTML调用JavaScript
  10. 酷睿i7 12800hx和i7 12800H区别