npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

resume-it

v1.0.0

Published

A resume generator

Downloads

2

Readme

Resume-it

一个灵活的数据模板分离的在线简历生成器。 效果:https://xiao555.github.io/Resume/ 如果喜欢的话请给个star ^_^

Node version v5.5.0

Configuration

默认模板

这个默认模板是别人那搞得。。如果要用的话只需要修改 data.yaml 里的数据即可,YAML语法可以参考这里, 如果需要用到Markdowm语法,请在字段开头加上 !!md ,相应的前端模板要渲染md的话请加上safe过滤:{{ example | safe}}

自定义模板

HTML

html部分在template/index.html,这一部分是页面body的内容,采用Nunjucks模板引擎,如果需要修改head,请前往template/base.html.

写模板的时候请在必要的地方用一下判断,有的地方可能没有数据。

CSS

css部分在src/styles, 用stylus写的话写在stylus,css写的写在styles,新建的文件需要在index.jsimport一下,也可以import npm安装的库。

stylus的一些变量函数可以放在variables.styl, 其他文件直接用就行

注:

  1. 已经加载了font-awesome,可以直接用
  2. 加载了PostStylus,autoprefixer插件自动补全前缀
  3. 除了variables.styl默认导入,其他css文件都要在index.js里import

其他文件

如果有图片的话,放在src/assets/images/, 字体文件的话src/assets/fonts/,引用的时候无论html还是css路径这样写assets/path/to/file即可。

Usage

npm i
npm start

自动打开浏览器访问:http://localhost:4001/。 Browsersync 修改html、css、js后实时刷新。

Print

新增print版本,直接打印即可,注意勾选背景图片

Publish

请先在publish.sh 里配好repo地址,然后把已存在的build目录删掉,重新:

npm start
npm run publish

会提交到master分支和gh-pages分支 浏览:https://yourname.github.io/reponame/ 即可,print版访问:https://yourname.github.io/reponame/print.html